/*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; outline:none;}



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



.navbar-default .navbar-nav > li > a,.h_box01 .icons a,.h_box02 .hot_pro a,.f_box01 .column02 dl.list dd a,.f_box01 .column02 dl.list dd i,.f_box01 .column01 dd a,.content p.title_box .more,.left_contact .main dl dd a,.sub_proCover_box .main .title_box .title,.sub_proCover_box .main .title_box .more,.sub_proCover_box .main ul li p.pic,.sub_proCover_box .main ul li p.name,.hotPro_box .scroll ul li p,.sub_catalogue_box .main ul li p.button a i,.sub_catalogue_box .main ul li p.name,.sub_gallery_box .main .baguetteBox a p,.sub_news_box ul li a dl dt,.sub_case_box ul li a p,.sub_contact_box .infor .sub_inquiry .inquirymain label.button input,.c_box02 .scroll ul li p{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;}
.uppercase{text-transform:uppercase;}

/*header*/
.h_box01{ background:#cf2e26; height:25px; overflow:hidden;}
.h_box01 .icons{ border-left:solid 1px #bd1b13;}
.h_box01 .icons a{ display:inline-block; width:30px; height:25px; border-right:solid 1px #bd1b13; text-align:center;}
.h_box01 .icons a i{ display:inline-block; height:25px; background:url(../images/social.png) no-repeat;}
.h_box01 .icons a.icon01 i{ background-position:-1px 3px; width:14px;}
.h_box01 .icons a.icon02 i{ background-position:-30px 3px; width:14px;}
.h_box01 .icons a.icon03 i{ background-position:-57px 3px; width:15px;}
.h_box01 .icons a.icon04 i{ background-position:-88px 3px; width:8px;}
.h_box01 .icons a.icon05 i{ background-position:-113px 4px; width:14px;}
.h_box01 .icons a:hover{ background:#2b3033;}


.h_box01 .tip{ text-align:right;}
.h_box01 .tip span{ display:inline-block; margin-left:20px;}
.h_box01 .tip span,.h_box01 .tip a{ color:#ffb6b3; line-height:25px;}
.h_box01 .tip span i{ display:inline-block; background:url(../images/icons.png) no-repeat;height:25px; vertical-align:middle; margin-right:5px;}
.h_box01 .tip .mail i{ width:14px;background-position:-96px 6px;}
.h_box01 .tip .mail a:hover{ text-decoration:underline;}
.h_box01 .tip .tel i{width:13px;background-position:-72px 4px;}


.h_box02 .language{ text-align:right;}
.h_box02 .language a{border-right:solid 1px #e07873; color:#181818; display:inline-block; padding:0 10px;}
.h_box02 .language a.lan04{ border:none;}
.h_box02 .language a i{display:inline-block;background:url(../images/icons.png) no-repeat;width:28px;height:18px; vertical-align:middle; margin-right:5px;}
.h_box02 .language a.lan01 i{ background-position:-28px 0;}
.h_box02 .language a.lan02 i{ background-position:-28px -21px; }
.h_box02 .language a.lan03 i{ background-position:-28px -43px; width:25px;}
.h_box02 .language a.lan04 i{ background-position:-286px -51px; width:22px;}
.h_box02 .language a:hover{ text-decoration:underline;}



.h_box02 .search{ margin:8px 0; overflow:hidden; zoom:1;}
.h_box02 .search li{float: right;list-style-type:none;}

.h_box02 .hot_pro{ text-align:right; color:#828282;}
.h_box02 .hot_pro a{color:#828282;}
.h_box02 .hot_pro a:hover{ color:#FF0000;}


.navbar-default{ background:none;border:none;}
.navbar{ border-radius:0; margin-bottom:0; min-height:44px;}



/*c_box01*/
.c_box01{ margin:-50px 0 0;}
.c_box01 ul{ margin:0;}
.c_box01 ul li{ padding:0;}
.c_box01 ul li a{ display:block;}
.c_box01 ul li dl dt{font-size:20px; text-transform:uppercase; text-align:center; line-height:100px;}
.c_box01 ul li dl dt.name{line-height:24px; padding:25px 0 0; text-align:left;}

.c_box01 ul li.pro_box01 dl dt{ background:url(../images/bg02.jpg) repeat-x; height:100px;color:#fff;}
.c_box01 ul li.pro_box02 dl dt{ background:url(../images/bg03.jpg) repeat-x; height:100px; color:#b0251e;}
.c_box01 ul li dl dt i{display:inline-block; width:38px; height:42px;background:url(../images/icons.png) no-repeat; vertical-align:middle; margin-right:20px;}
.c_box01 ul li dl dt i.icon01{ background-position:-28px -66px;}
.c_box01 ul li dl dt i.icon02{ background-position:-81px -66px;float:left; margin:6px 20px 0 20px;}
.c_box01 ul li dl dt i.icon03{ background-position:-28px -112px;}
.c_box01 ul li dl dt i.icon04{ background-position:-81px -112px;}
.c_box01 ul li dl dd img{ display:block; width:100%; height:auto; border:solid 1px #858585;}
.c_box01 ul li dl dd.pic img{border-right:solid 1px #858585;}

.c_box01 ul li dl dd{ position:relative;}
.c_box01 ul li dl dd .overlay{position:absolute; z-index:9; left:0; top:0;width:100%; height:100%; display:none;}
.c_box01 ul li dl dd .overlay .bg{ position:absolute; z-index:10;width:100%; height:100%; background:#2b3033; opacity:0.8;filter: alpha(opacity=80);}
.c_box01 ul li dl dd .overlay .overlay_text{position:absolute; z-index:12; color:#fff;width:100%; height:100%; top:35%;text-align:center;}
.c_box01 ul li dl dd .overlay .overlay_text i{ display:inline-block; width:30px; height:30px; background:url(../images/icons.png) no-repeat -32px -163px;}
.c_box01 ul li dl dd .overlay .overlay_text span{ display:block; margin:10px 0 0;}






/*c_box02*/
.content p.title_box,.hotPro_box .title_box{position:relative; z-index:9;}
.content p.title_box .title,.hotPro_box .title_box a{ font-size:22px; font-weight:bold; color:#2b3033; display:inline-block; padding-bottom:10px; border-bottom:solid 2px #cf2e26; }
.content p.title_box .more{ float:right; display:inline-block; width:60px;background: #ea352c;color: #fff; height:18px; border:solid 1px #ea352c;text-align:center; line-height:16px; margin:10px 0 0;}
.content p.title_box .more:hover{ background:#ea352c; color:#fff;}
.c_box02{margin:25px 0;}
.c_box02 .scroll{border-top:solid 2px #adadad; margin:-2px 0 0; padding:20px 20px 0;}
.c_box02 .scroll ul li img{ border:solid 1px #9f9f9f;}
.c_box02 .scroll ul li p{ background:#2b3033; text-align:center; padding:15px 0; color:#afafaf;}
.c_box02 .scroll ul li a:hover p{background:#b91a12;color:#fff; }


/*c_box03*/
.c_box03,.c_box04{ background:#eceeed; padding:25px 0;}
.c_box03 .left_box .main,.c_box03 .right_box .main,.c_box04 .left_box .main,.c_box05 .left_box .main,.c_box05 .right_box .main {border-top:solid 2px #adadad; margin:-2px 0 0;padding:20px 0 0;}
.c_box03 .left_box .main .row img,.c_box04 .left_box .main .row img{ width:100%; height:auto;}
.c_box03 .right_box,.c_box04 .right_box,.c_box05 .right_box{ margin:25px 0 0;}
.c_box03 .right_box .flexslider{position:relative;padding:24px 20px; height:154px; overflow:hidden; background:#fff; border:solid 1px #d2d2d2;}
.c_box03 .right_box .flexslider ul li{overflow:hidden;zoom:1;}
.c_box03 .right_box .flexslider ul li img{ width:140px; height:105px; float:left;border: 1px solid #ccc;}
.c_box03 .right_box .flexslider dl{float:left; width:64%; margin:0 2%; height:100px; overflow:hidden;}
.c_box03 .right_box .flexslider dl dt{color:#2b3033; font-size:14px; margin:8px 0 10px;}
.c_box03 .right_box .flexslider dl dd{color:#737373; line-height:20px;}
.c_box03 .right_box .flex-control-nav{display:none;}
.c_box03 .right_box .flex-direction-nav a{width:30px;height:76px;overflow:hidden;display:block;background:url(../images/icons.png) no-repeat;z-index:10; position:absolute; right:0;cursor:pointer; text-indent:-9999px;}
.c_box03 .right_box .flex-direction-nav .flex-next{top:0; background-position:-217px 0;}
.c_box03 .right_box .flex-direction-nav .flex-prev{top:76px;background-position:-217px -76px;}





/*c_box04*/
.c_box04{background:#eceeed; padding:0 0 25px;}

.c_box04 .right_box .main{border:solid 1px #d2d2d2;}
.c_box04 .right_box .main ul.tab_menu{ overflow:hidden;zoom:1;}
.c_box04 .right_box .main ul.tab_menu li{float:left; width:25%; cursor:pointer;border-right:solid 1px #d2d2d2; text-align:center; font-size:16px; color:#252a2e; height:44px; line-height:44px;}
.c_box04 .right_box .main ul.tab_menu li:nth-child(4){border:none;}
.c_box04 .right_box .main ul.tab_menu li.current{ background:url(../images/bg01.jpg) repeat-x; color:#fff;}
.c_box04 .right_box .main .tab_box .hide{display:none;}
.c_box04 .right_box .main .tab_box{border-top:solid 3px #cf2e26; background:#fff;padding:15px;}
.c_box04 .right_box .main .infor{line-height:24px;overflow:hidden; zoom:1; height:100px;}
.c_box04 .right_box .main .infor p a{ color:#252a2e;}
.c_box04 .right_box .main .infor .pic{ float:left;}
.c_box04 .right_box .main .infor .pic img{ width:140px; height:105px;}
.c_box04 .right_box .main .infor dl{ width:70%;float:left; margin-left:20px;}
.c_box04 .right_box .main .infor dl dt{color: #2b3033;font-size: 14px;margin: 8px 0 10px;}
.c_box04 .right_box .main .infor dl dd.text{color: #737373;line-height:20px; height:60px; overflow:hidden;}
.c_box04 .right_box .main .infor .classforemore{background: #F00;color: #fff;padding: 1px 5px;}
#case2,#case1{margin-right: 58px;}
/*c_box05*/
.c_box05{ padding:20px 0;}
.c_box05 .left_box .main a{display:block; border:solid 1px #b9b9b9; padding:4px;}
.c_box05 .left_box .main a img{ width:100%; height:auto;}
.c_box05 .right_box .main .scroll{ background:#eceeed; padding:25px 40px;}



/*footer*/
footer{ background:#2b3033; border-top:solid 4px #cf2e26;}
.f_box01{ border-bottom:solid 1px #181b1d;}
.f_box01 p.title a{font-size:22px; color:#fff; font-weight:bold; display:block; margin-bottom:20px;}
.f_box01 .column01{border-right:solid 1px #181b1d;padding:35px 15px 30px;}
.f_box01 .column02{border-left:solid 1px #41494d;border-right:solid 1px #181b1d;padding-top:35px;}
.f_box01 .column03{border-left:solid 1px #41494d; padding-top:43px;}
.f_box01 .column01 dd{ margin-bottom:10px;}
.f_box01 .column01 dd i{ display:inline-block; width:16px; height:16px; margin-right:15px; background:url(../images/icons.png) no-repeat; vertical-align:middle;}
.f_box01 .column01 dd{color:#b6b6b6; overflow:hidden; zoom:1;}
.f_box01 .column01 dd a{color:#b6b6b6;}
.f_box01 .column01 dd span{ float:left;}
.f_box01 .column01 dd.mail i{ background-position:0 2px; float:left;}
.f_box01 .column01 dd.tel i{ background-position:-2px -52px;}
.f_box01 .column01 dd.fax i{ background-position:0 -84px;}
.f_box01 .column01 dd.skype i{ background-position:0 -116px;}
.f_box01 .column01 dd.man i{ background-position:0 -147px;}
.f_box01 .column01 dd.add i{ background-position:0 -182px;float:left;}
.f_box01 .column01 dd.add span,.f_box01 .column01 dd.mail span{ width:85%;}
.f_box01 .column01 dd a:hover{ color:#cf2e26; text-decoration:underline;}
.f_box01 .column01 dd.tel a:hover{ color:#b6b6b6; text-decoration:none;}

.f_box01 .column02{ padding-left:35px;}
.f_box01 .column02 dl.list dd a{color:#b6b6b6;display: inline-block;text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;width: 95%;}
.f_box01 .column02 dl.list dl.list{overflow:hidden; zoom:1;}
.f_box01 .column02 dl.list dd{ width: 90%; margin-bottom:20px; text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; margin-right: 2%;}
.f_box01 .column02 dl.list dd i{display:inline-block;width:0px;height:0px;border:6px solid #888;border-width:5px 0 5px 5px;border-color:transparent #888; margin:0 10px 0 0; vertical-align:middle; float: left;}
.f_box01 .column02 dl.list dd:hover a{ color:#cf2e26; text-decoration:underline;}
.f_box01 .column02 dl.list dd:hover i{border-color:transparent #cf2e26;}
.f_box01 .column02 dl.list{float: left;width: 33%;}
.f_box01 .column03 p{ text-align:center; margin-bottom:10px;}
.f_box01 .column03 p.link a{ display:inline-block; margin-left:7px;}
.f_box02{ border-top:solid 1px #41494d; padding:10px 0;}
.f_box02 .message{ padding:15px 0; text-align:center;}
.f_box02 .message,.f_box02 .message a{ color:#6b6b6b;}
.f_box02 .message:hover a{ color:#fff;}

.f_box01 .column02 dl#footerlist1{width: 18%;}
.f_box01 .column02 dl#footerlist2{width: 41%;}
.f_box01 .column02 dl#footerlist3{width: 41%;}

/*return*/
.backToTop{width:70px; height:70px; background:url(../images/top.png) no-repeat center; text-indent:9999px;cursor:pointer; color:#fff; text-align:center; font-size:16px; line-height:110px; cursor:pointer; position:fixed; bottom:60px; right:0;}


/*sub*/
.sub_banner img{ width:100%; height:auto;}
.breadcrumbs{ position:relative; z-index:9;}
.breadcrumbs span{ display:inline-block;  padding-bottom:5px;  border-bottom:solid 2px #cf2e26; }
.breadcrumbs i{display:inline-block;width:28px;height:28px;background:url(../images/icons.png) no-repeat -82px -164px; vertical-align:middle; margin-right:5px;}
.breadcrumbs a:hover{ text-decoration:underline; color:#cf2e26;}
.sub_main{ margin:50px 0 0; padding-bottom:100px;}
.sub_main_right{ padding:20px 0 0;}
.sub_main_right,.hotPro_box .scroll{border-top:solid 2px #adadad; margin:-2px 0 0;}



/*sub_main_left*/
.sub_main_left  p.title{text-align:center;}
.sub_main_left  p.title a{font-size:20px; display:block; color:#414141;} 

.left_pro{ background:url(../images/bg04.jpg) repeat-x; height:390px; border:solid 1px #d9d9d9; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.left_pro p.title a{ display:block; font-size:20px; border-top:solid 8px #cf2e26; border-bottom:dashed 1px #d3d3d3;border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; line-height:50px; padding:8px 0 0;}
.left_pro #select_btn ul li >a{display:block; padding-left:20px; font-size:16px; color:#252a2e;line-height:44px; border-bottom:dashed 1px #d3d3d3;}
.left_pro #select_btn ul li.current >a{color:#cf2e26; font-weight:bold;}
.left_pro #select_btn ul li:hover >a{font-weight:bold;}
.left_pro #picshow_img li{display:none;}


.left_pro li{ position:relative;}
.left_pro li .sub_nav02{position: absolute; z-index:999; top:0px; left:269px; display:none; width:370px; height:auto; background:#fff; border:1px solid #d6dbe1; box-shadow: -1px 1px 6px rgba(0, 0, 0, .3);padding:15px 0px 26px;}
.left_pro li .sub_nav02 dd{padding:0 15px; line-height:22px;}
.left_pro li .sub_nav02 dd a{display: block; padding:6px 0px 6px 30px; border-bottom: 1px dotted #ddd;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;}
.left_pro li .sub_nav02 dd a:hover{color:#c41f0a;}
.left_pro li:hover .sub_nav02{display:block;}.left_pro li dl.sub-list1 { top: -29px;}.left_pro li dl.sub-list2 { top: -64px;width:120px;}.left_pro li dl.sub-list3 { top: -99px;width: 370px;}.left_pro li dl.sub-list4 { top: -134px;width: 300px;}.left_pro li dl.sub-list5 { top: -100px;width: 300px;}





.left_gallery{ background:url(../images/bg05.jpg) repeat-x; height:246px; border:solid 1px #d9d9d9; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; padding:20px 0 0;margin:20px 0 0;}
.left_gallery .flexslider{position:relative; padding:0 30px;overflow:hidden; margin:12px 0 0;}
.left_gallery .flexslider ul li{text-align:center;}
.left_gallery .flexslider ul li a{ display:block; padding:4px; border:solid 1px #c7c7c7;}
.left_gallery .flexslider ul li a img{ width:100%; height:auto;}
.left_gallery .flex-control-nav{display:none;}
.left_gallery .flex-direction-nav a{width:26px;height:46px;overflow:hidden;display:block;background:url(../images/icons.png) no-repeat;z-index:10; position:absolute; top:35%;cursor:pointer; text-indent:-9999px; border:none;}
.left_gallery .flex-direction-nav .flex-next{left:0;background-position:-257px 0;}
.left_gallery .flex-direction-nav .flex-prev{right:0;background-position:-286px 0;}





.left_contact{ margin:20px 0 0;}
.left_contact .main{border:solid 1px #d9d9d9;border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;position:relative;margin:10px 0 0;}
.left_contact img{ width:100%; height:auto;}
.left_contact .main dl{ position:absolute; z-index:99; top:25px; left:35px;}
.left_contact .main dl dd i{ display:inline-block; width:18px; height:16px; margin-right:15px; background:url(../images/icons.png) no-repeat; vertical-align:middle;}
.left_contact .main dl dd{color:#2b3033;  font-size:14px; margin-bottom:16px;}
.left_contact .main dl dd a{color:#2b3033;}
.left_contact .main dl dd.mail{ overflow:hidden; zoom:1;}
.left_contact .main dl dd.mail p{ float:left;}
.left_contact .main dl dd span{color:#2b3033; font-weight:bold; font-size:14px;}
.left_contact .main dl dd.mail i{ background-position:-258px -51px; float:left;}
.left_contact .main dl dd.tel i{ background-position:-258px -83px;}
.left_contact .main dl dd.fax i{ background-position:-258px -118px;}
.left_contact .main dl dd.skype i{ background-position:-258px -149px;}
.left_contact .main dl dd a:hover{ color:#cf2e26; text-decoration:underline;}



.left_honor{margin:20px 0 0; text-align:center;}





/*pro_cover/pro_list*/
.sub_proCover_box{background:#f3f3f3; padding:0 15px 30px;}
.sub_proCover_box .main{ border-bottom:dashed 1px #adadad; padding:15px 0 0;}
.sub_proCover_box .main img{ width:100%; height:auto;}
.sub_proCover_box .main .title_box{ margin-bottom:15px;}
.sub_proCover_box .main .title_box .more{ float:right; display:inline-block; width:60px; height:18px; background:#ea352c; color:#fff; text-align:center; line-height:18px;}
.sub_proCover_box .main .title_box .more:hover{ border:solid 1px #ea352c; background:none; line-height:16px;color:#2b3033;}
.sub_proCover_box .main .title_box .title{ font-size:16px; font-weight:bold; color:#2b3033;}
.sub_proCover_box .main .title_box .title:hover{ color:#ea352c;}
.sub_proCover_box .main .title_box .title i,.left_pro #select_btn ul li a i{ display:inline-block; width:23px; height:23px; background:url(../images/icons.png) no-repeat; vertical-align:middle; margin-right:10px;}
.sub_proCover_box .main .title_box .title i.icon01,.left_pro #select_btn ul li a i.icon01{ background-position:-315px 0;}
.sub_proCover_box .main .title_box .title i.icon3,.left_pro #select_btn ul li a i.icon3{ background-position:-315px -49px;}
.sub_proCover_box .main .title_box .title i.icon4,.left_pro #select_btn ul li a i.icon4{ background-position:-315px -96px;}
.sub_proCover_box .main .title_box .title i.icon5,.left_pro #select_btn ul li a i.icon5{ background-position:-315px -146px;}
.sub_proCover_box .main ul li{ margin:0 0 20px;}
.sub_proCover_box .main ul li p.pic{ padding:4px; border:solid 1px #acacac;}
.sub_proCover_box .main ul li p.name{ text-align:center; padding:10px 0 0;height: 44px;overflow: hidden;}
.sub_proCover_box .main ul li:hover p.pic{border:solid 1px #cf2e26;}
.sub_proCover_box .main ul li:hover  p.name,.hotPro_box .scroll ul li:hover p{ color:#cf2e26;}

.hotPro_box{ margin:20px 0 0;}
.hotPro_box .scroll{ padding:20px 30px 0;}
.hotPro_box .scroll ul li p{ color:#15171f; margin:10px 0 0;}


/*prodetail*/
.sub_proDetail_box .sub_proDetail_top{margin:4px 0 0px;}
.proDetail_pic img {height: auto;margin-bottom: 15px;}
.proDetail_text h1{font-size:20px; color:#2b3033; padding:5px 0; line-height:30px;}
.data{border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc; padding:10px 0;}
.data li{ padding:7px 0;color:#2b3033;}
.proDetail_btn{margin:20px 0 15px;}
.proDetail_btn a{ display:inline-block; width:135px; height:36px;background:url(../images/icons.png) no-repeat;}
.proDetail_btn .mail{ background-position:0 -213px; margin-right:30px;}
.proDetail_btn .chat{ background-position:-150px -213px;}


.sub_proDetail_box .sub_proDetail_main{ margin:40px 0 0;}
.sub_proDetail_main .tab_menu{overflow:hidden; zoom:1;border:solid 1px #d2d2d2; border-bottom:none;}
.sub_proDetail_main .tab_menu li{float:left;height:36px;line-height:36px; padding:0 16px;font-size:14px;text-align:center; background:#d0d0d0; cursor:pointer;}
.sub_proDetail_main .tab_menu .current{color:#fff;background:#cf2e26;border:none;}
.sub_proDetail_main .tab_menu .current a{color:#fff;background:#cf2e26;border:none;}
.sub_proDetail_main .tab_box{border:solid 1px #d2d2d2;}
.sub_proDetail_main .tab_box .hide{display:none;}
.sub_pro_box{padding:0 20px 25px;text-align:justify;color:#3c3c3c; font-size:14px;}
.sub_pro_box .infor p{ color:#2b3033; line-height:24px; margin:20px 0;}
.sub_pro_box .infor .table_bg1 table p{margin:0;}


.sub_pro_box .pro_table{ width:100%;text-align:center;}
.table_bg1 table tr{ height:28px;}
.sub_pro_box .table_bg1 td{border:solid 1px #000;text-align: center;font-size: 12px;}
.sub_pro_box .table_bg1 th{ font-size:14px; line-height:36px;border:solid 1px #000; font-weight:normal;text-align:center;}
.sub_pro_box .table_bg1 .title:hover{ background:none;}
.table_bg1 table th{ font-size:12px; text-transform:uppercase; line-height:22px;}

.table_bg1{ padding-top:30px; width: 100%;overflow-x: auto;}

.sub_inquiry{ margin:20px 0 0;} 
.sub_inquiry .title{ background:#d0d0d0; color:#fff;height:36px; line-height:36px;}
.sub_inquiry .title span{ display:inline-block;font-size:14px; color:#fff; background:#cf2e26; width:84px; text-align:center;}
.sub_inquiry .tip{ margin:20px 0;}
.sub_inquiry .tip span{color:#2b3033; font-size:14px; display:inline-block; margin:0 30px 0 10px;}
.sub_inquiry .tip span a{color:#2b3033; font-size:14px;}
.sub_inquiry .tip span a:hover{ text-decoration:underline;}
.sub_inquiry .tip span i{ display:inline-block;background:url(../images/icons.png) no-repeat;vertical-align:middle; margin-right:10px;}
.sub_inquiry .tip span.mail i{width:23px; height:16px;background-position:-217px -174px;}
.sub_inquiry .tip span.tel i{width:17px; height:17px;background-position:-249px -174px;}

.sub_inquiry .inquirymain{border:solid 1px #d2d2d2;}
.sub_inquiry .inquirymain form{width:100%;padding:20px;}
.sub_inquiry .inquirymain input{ width:100%;border:solid 1px #a0a0a0; background:#fff; height:26px;padding:0 5px;}
.sub_inquiry .inquirymain textarea{width:100%;height:110px; background:#fff;border:solid 1px #a0a0a0; padding:5px;}
.sub_inquiry form label{ width:100%; margin:10px auto; font-size:14px; font-weight:normal;text-align: center;}
.sub_inquiry form label select{width:100%;border:solid 1px #a0a0a0; background:#fff; height:22px; cursor:pointer;}
/*.sub_inquiry form label span{ display:inline-block; width:100%; margin-right:10px;} */
.sub_inquiry form label.message span{ vertical-align:top;}
.sub_inquiry form label i{font-style:normal; color:#FF0000;}
.sub_inquiry .inquirymain input.send{ padding:0;width:105px; height:30px; border:none; background:url(../images/icons.png) no-repeat 0 -258px;}


/*catalogue*/
.sub_catalogue_box p.title,.sub_news_box p.title{ font-size:16px; color:#2b3033; font-weight:bold; margin-bottom:10px;}
.sub_catalogue_box .main{ padding:0 10px; margin:15px 0 0;}
.sub_catalogue_box .main p.sub_title{ margin-bottom:20px; font-size:14px;}
.sub_catalogue_box .main ul li img{ max-width:100%; height:auto;}
.sub_catalogue_box .main ul li p{ text-align:center;}
.sub_catalogue_box .main ul li p.name{ font-size:14px; padding:10px 0;}
.sub_catalogue_box .main ul li p.button a{ display:inline-block; width:98px; height:28px; background:#cf2e26; border-radius:5px; -moz- border-radius:5px; -ms- border-radius:5px; -o- border-radius:5px; -webkit- border-radius:5px; text-align:center; line-height:28px; color:#fff;} 
.sub_catalogue_box .main ul li p.button a i{ display:inline-block; width:16px; height:18px; background:url(../images/icons.png) no-repeat -280px -175px; vertical-align:middle; margin-left:8px;}
.sub_catalogue_box .main ul li:hover p.name{ color:#cf2e26;}
.sub_catalogue_box .main ul li:hover p.button a i{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}



/*gallery*/
.sub_gallery_box{background:none; padding:0;}
.sub_gallery_box .main .baguetteBox a{ display:inline-block;}
.sub_gallery_box .main .baguetteBox a p{ margin:10px 0 20px; height:40px;}
.sub_gallery_box .main .baguetteBox a:hover p{color:#ea352c;}


/*news*/
.sub_news_box ul li{ background:#f6f6f6; margin-bottom:20px;}
.sub_news_box ul li a{ display:block; padding:10px; overflow:hidden; zoom:1;}
.sub_news_box ul li a img{ float:left;}
.sub_news_box ul li a dl{ float:left; width:80%; margin-left:20px;}
.sub_news_box ul li a dl dt{ font-size:14px; color:#353535; margin:5px 0 0;}
.sub_news_box ul li a dl dd.date{font-size:14px; color:#7e7e7e; margin:8px 0;}
.sub_news_box ul li a dl dd.text{color:#7e7e7e; line-height:20px;}
.sub_news_box ul li:hover a dl dt{ color:#cf2e26;}


/*service/market*/
.sub_service_box #zSlider{border:solid 1px #d2d2d2;}
.sub_service_box #select_btn ul{ overflow:hidden;zoom:1;}
.sub_service_box #select_btn ul li{float:left; width:25%;}
.sub_service_box #select_btn ul li a{display:block;border-right:solid 1px #d2d2d2; text-align:center; font-size:16px; color:#252a2e; height:44px; line-height:44px;}
.sub_service_box #select_btn ul li:nth-child(4) a{border:none;}

.sub_service_box #picshow_img{border-top:solid 3px #cf2e26; background:#fff;padding:15px;}
.sub_service_box #picshow_img li{display:none;line-height:24px;height:72px;overflow:hidden;}
.sub_service_box #picshow_img li a{ color:#252a2e;}
.sub_service_box #select_btn ul li.current a{ background:#f00; color:#fff;}

.tabs .tabNav{ overflow:hidden; zoom:1;}
.tabNav li{float:left;margin:5px 3px 0 0;}
.tabNav li a{display:block; background:#e3e3e3;text-align:center; color:#353535; font-weight:bold; line-height:38px; border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -ms-border-radius:8px 8px 0 0; -o-border-radius:8px 8px 0 0;}
.sub_service_box .tabNav li a{ width:140px; font-size:16px;}
.tabNav .active a{ background:#cf2e26; color:#fff;}
.tabs .tabPane{width:100%;background:#f3f3f3; padding:20px; min-height:710px;max-width: 862px;}
.tabPane .infor p.title,.sub_contact_box .infor dl dt{ font-size:16px; color:#2b3033; font-weight:bold; margin-bottom:15px;}
.tabPane .infor .text{line-height:24px;}
.tabPane .infor .pic img,.sub_case_box ul li img{ width:100%; height:auto;}

.sub_faq_box li a{display:block;margin-bottom:20px;}
.sub_faq_box  dl dt{background:url(../images/faq01.jpg) no-repeat 0 5px;  padding-left:25px;line-height:24px; color:#cf2e26;}
.sub_faq_box  dl dd{background:url(../images/faq02.jpg) no-repeat 0 5px; padding-left:25px;color:#2b3033;line-height:24px; margin:5px 0 0;}

.sub_case_box ul li{ margin-bottom:20px;}
.sub_case_box ul li a p{ margin:10px 0 0; height:40px;}
.sub_case_box ul li:hover a p{ color:#cf2e26;}


/*about*/
.sub_about_box .tabNav li a{ font-weight:normal; padding:0 10.5px;font-size:14px;}
.sub_about_box .tabNav li:nth-child(7){ margin-right:0;}
.sub_about_box .tabPane .infor p.text{line-height:34px;}
.sub_about_box .honor ul li{ text-align:center; margin-bottom:20px; height:270px;}
.sub_about_box .honor ul li img{ max-width:100%; height:auto;}
.sub_about_box .honor ul li p{ width:60%; margin:10px auto 0; height:40px;}





/*contact*/
.sub_contact_box .infor dl{ margin:15px -20px 0 0;}
.sub_contact_box .infor dl dd{font-size:14px; color:#2b3033; margin-bottom:15px; }
.sub_contact_box .infor dl dd p{ display:inline-block; width:90%;}
.sub_contact_box .infor dl dd span{ font-size:14px; color:#2b3033; font-weight:bold;}
.sub_contact_box .infor dl dd a{ display:inline-block; margin-right:20px;}
.sub_contact_box .infor dl dd.mail a{ color:#cf2e26;}
.sub_contact_box .infor dl dd i{ display:inline-block; width:16px; height:16px; margin-right:15px; background:url(../images/icons.png) no-repeat; vertical-align:middle;}
.sub_contact_box .infor dl dd.mail i{ background-position:-348px 3px;float:left;}
.sub_contact_box .infor dl dd.tel i{ background-position:-348px -38px;}
.sub_contact_box .infor dl dd.fax i{ background-position:-348px -70px;}
.sub_contact_box .infor dl dd.skype i{ background-position:-348px -107px;}
.sub_contact_box .infor dl dd.man i{ background-position:-348px -141px;}
.sub_contact_box .infor dl dd.add i{ background-position:-348px -176px; float:left; margin-top:3px;}
.sub_contact_box .infor dl dd.chat i{vertical-align:top;background-position:-348px -212px;width:19px;}
.sub_contact_box .infor dl dd.chat span{ vertical-align:top;}
.sub_contact_box .infor dl dd.chat p{width:70%; margin:-20px 0 0 110px;}
.sub_contact_box .infor dl dd a:hover{ color:#cf2e26; text-decoration:underline;}
.sub_contact_box .infor dl dd.tel a:hover{color:#2b3033;text-decoration:none;}

.sub_contact_box .infor .main p img{ max-width:100%; height:auto;}
.sub_contact_box .infor .main .box{ margin:30px 0 0;}
.sub_contact_box .infor .main .box p.sub_title{font-size:20px; color:#2b3033; font-weight:bold; line-height:30px;}
.sub_contact_box .infor  table{ width:100%;text-align:center; margin:5px 0 0;}
.sub_contact_box .infor  table tr{ height:28px;}
.sub_contact_box .infor  table td{border:solid 1px #b5b5b5; font-size:14px;}
.sub_contact_box .infor table th{ font-size:14px; line-height:36px;border:solid 1px #b5b5b5; color:#2b3033;text-align:center;}
.sub_contact_box .infor  table .title:hover{ background:none;}





.sub_contact_box .infor .sub_inquiry .inquirymain{border:none;}
.sub_contact_box .infor .sub_inquiry form label{ width:100%; margin:10px auto; font-size:12px; font-weight:normal;}
.sub_contact_box .infor .sub_inquiry form label.information span{vertical-align:top;}



.sub_contact_box .infor .sub_inquiry form label.choose span{ line-height:24px;}
.sub_contact_box .infor .sub_inquiry form label.choose p{display:inline-block;vertical-align:top;}
.sub_contact_box .infor .sub_inquiry form label.choose p span{ display:inline-block; width:auto; padding:0 5px 0 0;line-height:22px;float:left; text-align:left;}
.sub_contact_box .infor .sub_inquiry form label.choose p span input{display:inline-block; width:15px; height:15px; float:left; margin-right:3px;}

.sub_contact_box .infor .sub_inquiry form label.information .text{ width:100%;display:inline-block;}
.sub_contact_box .infor .sub_inquiry form label.information .text p{ margin-bottom:10px;}
.sub_contact_box .infor .sub_inquiry form label.information .text p span{ display:inline-block; width:38%; text-align:left;}


.sub_contact_box .infor .sub_inquiry .inquirymain label.button{ text-align:center; padding-right:10%; margin-top:30px;}
.sub_contact_box .infor .sub_inquiry .inquirymain label.button input{ font-size:14px; color:#fff;font-weight:bold; background:#d12424; width:100px; height:32px; text-align:center; line-height:32px; padding:0; border:none; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; box-shadow:inset 2px 2px 2px #d94949; -webkit-box-shadow:inset 2px 2px 2px #d94949; -moz-box-shadow:inset 2px 2px 2px #d94949; -ms-box-shadow:inset 2px 2px 2px #d94949; -o-box-shadow:inset 2px 2px 2px #d94949; margin:0 5px 5px;}
.sub_contact_box .infor .sub_inquiry .inquirymain label.button input:hover{ background:#d3160c;}

.aboutlist h1{font-size:20px;text-align:center;}
.clickinfo{ text-align:right; margin:5px;}

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

#pagelist a{ padding:2px 5px; display:inline-block; margin-left:5px;border: 1px solid #ccc;}

.sub_contact_box .tabs .tabPane{background: #FCFCFC;}


@media(min-width:768px){
/*header*/
.navbar-default .navbar-nav > li{ background:url(../images/line01.jpg) no-repeat right center;}
.navbar-default .navbar-nav > li > a{display:inline-block; color:#fff; font-size:16px;line-height:50px;}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:focus {background:url(../images/bg01.jpg) repeat-x; color:#fff; }
.navbar-default .navbar-nav > li > .currentA{background:url(../images/bg01.jpg) repeat-x;color:#fff;}

.h_box02{ margin:25px 0 20px;}
.h_box03{ background:#2b3033; height:50px;}

.c_box01 ul li dl dd img{border-right:none; }



.f_box01 .column01,.f_box01 .column02,.f_box01 .column03{ height:360px;}


.sub_contact_box .infor dl{background:url(../images/contact01.jpg) no-repeat right 0;}


}
	


@media(min-width:992px){
.container{padding:0;}
.sub_main_right{ padding-left:0;}	
/*header*/
.nav li .sub_nav{position:absolute; z-index:99;top:50px;display:none;background:#eeeeee;filter:alpha(opacity=0.95); opacity:0.95; padding:30px;}
.nav li .sub_nav dl{ padding-bottom:20px;}
.nav li .sub_nav dl dt{padding:0 5px;}
.nav li .sub_nav dl dt a{ font-size:16px;color:#000;display:block; margin-bottom:10px; font-weight:bold; padding:0 5px;}
.nav li .sub_nav dl dd{ padding:1px 5px;}
.nav li .sub_nav dl dd a{color:#121212; display:block; font-size:12px; line-height:24px; padding:0 5px;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 dl dd:hover a{ transform:translateX(10px);-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px);}
.nav li .sub_nav dl#navprotype2{width: 20%;}.nav li .sub_nav dl#navprotype3{width: 20%;}.nav li .sub_nav dl#navprotype4{width: 20%;}.nav li .sub_nav dl#navprotype5{width: 20%;}.nav li .sub_nav dl#navprotype6{width: 20%;}
.nav li .sub_nav2{position:absolute; z-index:99;top:50px;display:none;background:#eeeeee;filter:alpha(opacity=0.95); opacity:0.95; padding: 0;}.nav li .sub_nav2 dl{ padding-bottom:20px;}.nav li .sub_nav2 dl dd{ padding: 1px 0; border-bottom: 1px solid #FFF;}.nav li .sub_nav2 dl dd a{color:#121212; display:block; font-size:12px; line-height:24px; padding: 0 10px;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_nav2 dl dd:hover a{ transform:translateX(10px);-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px);}
.c_box01 ul li dl dd.pic02 img{border-right:none;}
.c_box03 .right_box,.c_box04 .right_box,.c_box05 .right_box{ margin:0;}
.c_box05 .left_box{ margin-right:-15px;}
.c_box05 .right_box{ margin-left:30px;}
.f_box01 .column03 p{ text-align:right;}
.f_box02 .message{text-align:right;}


.sub_catalogue_box,.sub_proCover_box{ min-height:850px;}

.sub_inquiry form label select{width:150px;}
.sub_inquiry .inquirymain input{ width:50%;}
.sub_inquiry .inquirymain textarea{ width:60%;}
/*.sub_inquiry form label span{width:40%; text-align:left;} */
.sub_contact_box .infor .sub_inquiry input{ width:60%;}
 
.sub_contact_box .infor .sub_inquiry .inquirymain label.button{ text-align:right;}
.cacaimg{ max-height: 116px;}
}



	
@media(min-width:768px) and (max-width:992px){
/*header*/
.navbar-default .navbar-nav > li > a{padding:0 15.5px;padding:0 15px\0; font-size:14px;}

.sub_news_box ul li a p{ width:30%;}
.sub_news_box ul li a p img{ width:100%; height:auto;}
.sub_news_box ul li a dl{width:65%;}
.sub_news_box ul li a dl dd.text{ height:60px; overflow:hidden;}


.c_box01 ul li dl dd.pic02 img{border-right:solid 1px #858585; padding-bottom:1px; background:#c9c9c9;}
.c_box01 ul li dl dd.pic img{padding-bottom:1px; background:#c9c9c9;}

.c_box04 .right_box .main .infor dl{ width:75%;}



}



@media (min-width:992px) and (max-width: 1200px) {
/*header*/
.navbar-default .navbar-nav > li > a{padding: 0 26px;padding: 0 25px\0;}
.nav li .sub_nav{width:845%;background:#eeeeee;left:-182%;}
.nav li .sub_nav2 {width:170px;background:#eeeeee;left:0;}
.c_box01 ul li dl dt i.icon02{margin:6px 10px 0 10px;}

.c_box03 .right_box .flexslider dl{float:left; width:60%;}
.c_box04 .right_box .main .infor dl{ width:60%;}

.left_pro li .sub_nav02{left:370px;}
.sub_news_box ul li a p{ width:30%;}
.sub_news_box ul li a p img{ width:100%; height:auto;}
.sub_news_box ul li a dl{width:65%;}
.sub_news_box ul li a dl dd.text{ height:60px; overflow:hidden;}


.sub_contact_box .infor .sub_inquiry form label.choose p{ width:68%;}
.sub_contact_box .infor .sub_inquiry form label span{width:28%; text-align:right;}
.sub_inquiry .inquirymain input{ width:58%;}
.sub_inquiry .inquirymain textarea{ width:65%;}
.sub_inquiry form label span{width:25%; text-align:right;}
.sub_contact_box .infor .sub_inquiry input{ width:65%;}
.sub_contact_box .infor .sub_inquiry form label.information .text p input{ width:58%;}
.sub_contact_box .infor .sub_inquiry form label.information .text{ width:65%;}
}
	
@media(min-width:1200px){
/*header*/
.navbar-default .navbar-nav > li > a{padding: 0 36px;padding: 0 36px\0;}
.nav li .sub_nav{width:850%;background:#eeeeee;left:-185%;}.nav li .sub_nav2{ width: 170px; background:#eeeeee;left:0;}


.c_box02 .scroll ul li img{ border:solid 1px #9f9f9f; width:165px; height:120px;}
.c_box02 .scroll ul li p{ background:url(../images/title_bg01.jpg) no-repeat; width:165px; height:45px; padding: 15px 15px 0; line-height:14px; margin:0 auto; overflow: hidden;}
.c_box02 .scroll ul li a:hover p{background:url(../images/title_bg02.jpg) no-repeat;}


.c_box04 .right_box .main .infor dl{ width:70%;float:left;}




.sub_news_box ul li a p img{ width:140px; height:105px;}
.sub_news_box ul li a dl{width:80%;}
.sub_news_box ul li a dl dd.text{ height:40px; overflow:hidden;}


.sub_contact_box .infor .sub_inquiry form label.choose p{ width:75%;}
.sub_contact_box .infor .sub_inquiry form label span{width:23%; text-align:right;}
.sub_contact_box .infor .sub_inquiry form label.information .text{ width:63%;}
.sub_contact_box .infor .sub_inquiry form label.information .text p input{ width:55%;}
.sub_contact_box .infor .sub_inquiry .inquirymain label.button input{ margin:0 50px;}
}

@media(max-width:1200px){

	}





@media (max-width: 767px) {
header{ position:relative; z-index:99; height:140px;}
header .logo{margin:0 0 15px 15px; }
.h_box03{ margin:20px 0;}
.navbar-default .navbar-toggle{background:none; border:none; margin:15px 15px 0 0;}
.navbar-default .navbar-toggle:focus{background:none;}
.navbar-default .navbar-toggle:hover{background:#cf2e26;}
.navbar-default .navbar-toggle .icon-bar{background:#cf2e26;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:#fff;border:none; }
.navbar-default .navbar-nav{ margin:0 -15px;}
.navbar-default .navbar-nav > li{overflow:hidden;}
.navbar-default .navbar-nav > li > a{display:block;height:36px; width:100%;font-size:14px; text-transform:uppercase; color:#fff; text-align:center;background:#2b3033; border-bottom:solid 1px #333434;}
.navbar-default .navbar-nav > li>a:hover,.navbar-default .navbar-nav > li>a:focus{background:#cf2e26; color:#fff;}

.c_box03 .left_box .main img,.c_box04 .left_box .main img{ margin-bottom:15px;}

.c_box04 .right_box .main .infor dl{ width:60%;}

.sub_news_box ul li a p{ width:100%;}
.sub_news_box ul li a p img{ width:100%; height:auto;}
.sub_news_box ul li a dl{width:100%; margin:15px 0 0;}


}


@media (max-width:600px) {
header{ height:125px;}
.h_box03{ margin:15px 0;}
header .logo{ margin-top:10px;}
header .logo img{display:inline-block;width:75%; height:auto;}

}

@media (max-width:530px) {
.c_box03 .right_box .flexslider dl{float:left; width:50%;}
.c_box04 .right_box .main .infor dl{ width:50%;}

}



/*xun_pan*/
.xun_pan{width:210px; position:fixed; bottom:0; left:0;  z-index: 999999;}
.x_tit{cursor:pointer;}
.x_content{background:#373c3e; padding:20px 0 2px;}
.x_content label{display:block; padding-left:35px;margin-bottom:15px;}
.x_content label input{width:160px; border:none; height:30px; color:#878787;padding:0 5px;font-weight:normal;}
.x_content label textarea{width:160px; border:none; height:65px; color:#878787;padding:5px;font-weight:normal;}
.x_content .x_icon01{background:url(../images/icon02.png) no-repeat 8px 8px;}
.x_content .x_icon02{background:url(../images/icon02.png) no-repeat 8px -18px;}
.x_content .x_icon03{background:url(../images/icon02.png) no-repeat 8px -45px;}
.x_content .x_send input{background:url(../images/send_bg.jpg) repeat-x; color:#fff; width:80px; height:26px; border:solid 1px #a9150d;}
.xun_pan .hide{display:none;}
.xun_pan .show{ display:block;}