/*reset*/
body,div,ul,ol,li,dl, dt, dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,th,td,img,select,input,textarea{margin:0;padding:0;} 
ol,ul,li{list-style:none; } 
fieldset,img{border:0;}
img{display:block;}
label,button{cursor:pointer;}
select,input,textarea,button{outline:none;font-family:Verdana; resize:none;} 
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; }  
body{background:#fff;color:#252525;font-size:12px;font-family:Verdana; } 
a{text-decoration:none;color:#252525;} 
em,i{font-style:normal;}
@media (min-width:1150px){body{overflow-x:hidden;}}


/*common*/
.clearfix:after{content:"\200B";display:block;height:0;clear:both;} 
.clearfix{*zoom:1;}/*IE7/6*/
.fl{float:left;}
.fr{float:right;}
.uppercase{text-transform:uppercase;}
.wrapper{width:1100px;margin:0 auto;}
.header,.content,.footer,.sub_content,.banner,.sub_banner{min-width:1100px;}



.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.radius3{-webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.c_box04 .more a:hover,.sub_inquiry ul li .send:hover,.sub_inquiry ul li.btn .reset:hover,.proDetail_btn a:hover{-webkit-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; -moz-border-radius:30px;border-radius:30px;}
.radius_half,.social a,.content .title_box p:before,.content .title_box p:after,.page a,.faq_box li p i,.about_pro ul li,.about_pro ul li img,.about_pro .pro_name{-webkit-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%;border-radius:50%;}

.h_box01 .mail,.h_box01 .mail a,.social a,#nav a,.banner .prev,.banner .next,:before,:after,#nav .arrow,.c_box01 .hd a,.index_pro li a,.index_pro dt,.index_pro dd,.index_pro .more,.index_news .date,.index_news .more,.index_news .more i,.c_box04 .more a,.f_box01 .pro_list li a,.f_box01 .contact ul li,.f_box01 .contact ul li a,.f_box02 a,.inquiry form .btn .send,.backToTop,.c_box02 .left .btn span,.c_box02 .left .btn i,.c_box02 .right .icon i,.c_box02 .right li .name,#pro_main dd a,#pro_main .product,.proList_box .t_more a,.proList_box .hd li,.page a,.l_box03 span,.l_box02 .slide .name,.l_box02 .hd a,.l_box01 dt a,.l_box01 .main dl dd ul li a,.faq_box li,.case_box .text,.case_box dt,.contact_infor li,.contact_infor li a,.sub_inquiry ul li .send,#about_menu li a span,.about_service .text_wrap,.about_service .text_wrap dl,.about_pro .pro_name,.related .slide li .pic img,.sub_inquiry ul li.btn .reset,#spec-left,#spec-right,.proDetail_btn a{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;}



/*h_box01*/
.h_box01{background:#252525; height:30px;}
.social{border-right:solid 1px #393939;box-shadow:1px 0 0 #1d1c1c; -webkit-box-shadow:1px 0 0 #1d1c1c; -o-box-shadow:1px 0 0 #1d1c1c; -ms-box-shadow:1px 0 0 #1d1c1c; -moz-box-shadow:1px 0 0 #1d1c1c;}
.social span{float:left;display:block;padding:4px 10px;border-left:solid 1px #393939;box-shadow:inset 1px 0 0 #1d1c1c; -webkit-box-shadow:inset 1px 0 0 #1d1c1c; -o-box-shadow:inset 1px 0 0 #1d1c1c; -ms-box-shadow:inset 1px 0 0 #1d1c1c; -moz-box-shadow:inset 1px 0 0 #1d1c1c;}
.social a{display:block;width:22px; height:22px;background:url(../images/social.png) no-repeat #474446; border-top: 1px solid transparent;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.social .s01{background-position:0 0;}
.social .s02{background-position:-42px 0;}
.social .s03{background-position:-81px 0;}
.social .s04{background-position:-122px 0;}
.social .s05{background-position:-162px 0;}
.social a:hover{background-color:#c33736;}
.social a img {width: 16px; display: block; margin: 3px auto 0;}


/*search*/
#vivo-head{position:relative;}
.search-user a{display:block;width:34px;height:30px;background:url(../images/icons.png) no-repeat 9px 7px #c33736; }
#vivo-head .vivo-search{background:#fff;position:absolute; z-index:9999;display:none;top:30px;right:0;padding:5px; width:650px;}
.vivo-search form{overflow:hidden;zoom:1; height:36px; margin:25px 50px;}
.vivo-search  .search_field{float:left; display:inline-block;width:400px; height:30px;line-height:30px;padding:0 5px;font-size:14px;border:solid 2px #c33736;background:none;outline:none; color:#555;}
.vivo-search .search_button{float:left;width:100px;height:34px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;vertical-align:middle;background:#c33736;outline:none;cursor:pointer;}


.h_box01 .mail{margin-right:25px; position:relative; _position:static; padding-left:25px;}
.h_box01 .mail:before{ content:""; position:absolute; left:0;top:8px; width:17px; height:14px;background:url(../images/icons.png) no-repeat -26px 0;}
.h_box01 .mail,.h_box01 .mail a{color:#959595; line-height:30px;}
.h_box01 .mail:hover{color:#ccc;}
.h_box01 .mail:hover a{color:#ccc; text-decoration:underline;}
span.tel{
position:relative;
display:inline-block;
padding-left:35px;
			}
			span.tel:before{
content: "";
    position: absolute;
    left:13px;
    top: 5px;
    width: 17px;
    height: 17px;
    background: url(../images/icons.png) no-repeat 0 -118px;

}


/*h_box02*/
.h_box02 .logo{margin-top:20px;}
#nav{font-family:Arial;}
#nav .nLi{float:left;position:relative;}
#nav .arrow{display:inline-block; width:9px; height:10px;background:url(../images/icons.png) no-repeat 0 -22px; vertical-align:middle; margin-left:10px; _display:none;}
#nav .nLi:hover>a .arrow{ background-position:-11px -22px;}
#nav .nLi>a{display:inline-block;padding:0 16px;font-size:16px;line-height:96px;color:#313131;font-weight:bold;}
#nav .nLi a{_display:inline-block;_padding:0 16px;_font-size:16px;_line-height:96px;_color:#313131;_font-weight:bold;}
#nav .nLi:hover>a,#nav .nLi>.currentA{background:#c33736; color:#fff;}
.sub_nav{position:absolute; z-index:9;top:96px;display:none;width:240px;background:#252525; padding:10px 0; _display:none;}
.sub_nav>li>a{display:block;color:#c1c1c1;font-size:14px;line-height:20px; padding:10px 5px 10px 45px; text-transform:capitalize; position:relative; _position:static;}
.sub_nav>li>a:before{ content:""; position:absolute; left:20px; top:16px; width:11px; height:9px; background:url(../images/icons.png) no-repeat -54px -284px;}
.sub_nav>li:hover>a{color:#fff; background:#c33736;}
.sub_nav>li:hover>a:before{ background-position:-40px -284px;}

.sub_nav_pro{width:325px;}
.sub_nav_pro .nLi02{position:relative;}
.sub_nav_pro dl{position:absolute;left:325px;top:0;display:none;background:#c33736; padding:20px 20px 15px; width:260px;}
.sub_nav_pro dt img{width:260px; height:195px; margin-bottom:10px;}
.sub_nav_pro dd a{display:block;color:#fff;line-height:20px; padding:4px 5px 4px 18px;text-transform:capitalize; position:relative;_position:static;font-size:14px;}
.sub_nav_pro dd a:before{content:""; position:absolute; left:0; top:10px; width:8px; height:8px;  background:url(../images/icons.png) no-repeat -100px -135px;}
.sub_nav_pro dd a:hover{padding-left:23px;}
.sub_nav_pro dd a:hover:before{left:5px;}



/*banner*/
.banner{position:relative;overflow:hidden;width:100%; height:587px;}
.banner .bd{position:relative;width:1920px;left:50%; margin-left:-960px;}
.banner .bd li img{width:1920px; height:580px;}
.banner .hd{position:absolute;width:1920px; height:7px; z-index:2; bottom:0; left:50%; margin-left:-960px;}
.banner .num li{width:25%; height:7px; text-indent:-9999px; float:left;background:#303135;cursor:pointer;}
.banner .num li.on{background:#c33736;}
.banner .prev,.banner .next{color:#c33736;position:absolute;top:220px;font:bold 80px/normal simsun; opacity:0; filter:alpha(opacity=0);}
.banner .prev{left:10%;}
.banner .next{right:10%;}
.banner:hover .prev,.banner:hover .next{opacity:1;filter:alpha(opacity=100);}



/*c_box01*/
.c_box01{padding:65px 0 70px; _padding:10px 0; _height:450px; _overflow:hidden;}
.content .title_box{background:url(../images/line01.jpg) repeat-x 0 center; text-align:center;margin-bottom:40px;}
.content .title_box p{display:inline-block;position:relative; _position:static; padding:0 40px;}
.content .title{font-size:34px; font-weight:bold;color:#252525; line-height:34px;}
.content .title_box p:before,.content .title_box p:after{content:""; position:absolute; top:21px; width:11px; height:11px; border:solid 2px #d6d6d6;}
.content .title_box p:before{left:0;}
.content .title_box p:after{right:0;}
.content .title_box span{display:block; color:#696969; margin-top:5px;}
.c_box01 .title_box p{background:#fff;}
.c_box01 .tempWrap{margin:0 -10px;}
.index_pro li{float:left; width:260px; margin:0 10px;_margin:0 8px; }
.index_pro li a{display:block; padding:9px; border:solid 1px #dbdbdb; background:#fff;}
.index_pro img{width:240px; height:180px;}
.index_pro dl{padding:25px 5px 20px;}
.index_pro dt,.index_news dt{color:#252525;font-size:14px;}
.index_pro .text,.index_news .text{color:#696969; line-height:20px; height:40px; overflow:hidden; margin-top:15px;}
.index_pro li:hover a{background:#c33736; border-color:#c33736;}
.index_pro li:hover dt,.index_pro li:hover .text{color:#fff;}
.index_pro .img_wrap{position:relative;}
.index_pro .more{position:absolute; width:100%; bottom:0; height:40px; color:#fff; font-size:16px; text-align:center; line-height:40px; background:rgba(37,37,37,.8); transform:translate3d(0,-20px,0); -webkit-transform:translate3d(0,-20px,0); -o-transform:translate3d(0,-20px,0); -ms-transform:translate3d(0,-20px,0); -moz-transform:translate3d(0,-20px,0); opacity:0; filter:alpha(opacity=0); _display:none;}
.index_pro  li:hover .more{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); opacity:1;filter:alpha(opacity=100);}
.c_box01 .main{position:relative;}
.c_box01 .hd{position:absolute; top:145px;width:100%;}
.c_box01 .hd a{position:absolute;width:43px;height:43px; background:#d2d2d2; text-align:center;}
.c_box01 .hd a i{display:inline-block; width:11px; height:21px; background:url(../images/icons.png) no-repeat; margin:10px 0;}
.c_box01 .hd .prev{left:-80px;}
.c_box01 .hd .next{right:-80px;}
.c_box01 .hd .prev i{background-position:-51px 0;}
.c_box01 .hd .next i{background-position:-68px 0;}
.c_box01 .hd a:hover{background-color:#c33736;}




/*c_box02*/
.c_box02{background:url(../images/bg01.jpg) no-repeat center 0; height:518px;overflow:hidden;}
.c_box02 .wrapper{padding:60px 0;}
.c_box02 .left{width:530px; padding:10px 0 0 50px;}
.c_box02 .left dt span{display:inline-block; line-height:24px; border-left:solid 3px #fff; border-right:solid 3px #fff;color:#fff; padding:0 15px;}
.c_box02 .left dt a{display:block; color:#fff; font-size:44px; font-weight:bold; margin-top:5px;}
.c_box02 .left .text{line-height:28px; color:#959595; margin:30px 0;}
.c_box02 .left .btn a{display:inline-block; margin-right:30px; width:90px; padding-right:55px; height:32px; line-height:32px; text-align:center; color:#252525; overflow:hidden; background:#fff; position:relative;} 
.c_box02 .left .btn span,.proList_box .t_more em{display:inline-block; width:55px; height:32px; background:#c33736; position:absolute; right:-6px; transform:skewX(-20deg); -webkit-transform:skewX(-20deg); -o-transform:skewX(-20deg); -ms-transform:skewX(-20deg); -moz-transform:skewX(-20deg);}
.c_box02 .left .btn i,.proList_box .t_more i{display:inline-block; width:22px; height:11px; background:url(../images/icons.png) no-repeat -50px -43px; vertical-align:middle; transform:skewX(20deg); -webkit-transform:skewX(20deg); -o-transform:skewX(20deg); -ms-transform:skewX(20deg); -moz-transform:skewX(20deg);}
.c_box02 .left .btn a:hover span{transform:skewX(-25deg); -webkit-transform:skewX(-25deg);-o-transform:skewX(-25deg); -ms-transform:skewX(-25deg); -moz-transform:skewX(-25deg); right:-8px;}
.c_box02 .left .btn a:hover i{transform:skewX(25deg); -webkit-transform:skewX(25deg); -o-transform:skewX(25deg); -ms-transform:skewX(25deg); -moz-transform:skewX(25deg);}

.c_box02 .right{width:400px; height:400px; margin-right:50px; position:relative;}
.c_box02 .right ul{margin:-15px;}
.c_box02 .right li{float:left; width:185px; height:185px; margin:15px; _margin:10px;text-align:center;}
.c_box02 .right li a{display:block; width:165px; height:165px; padding:10px;background:#fff;}
.c_box02 .right .icon{display:inline-block; width:72px; height:72px; background:#c33736; margin:25px 0 15px;}
.c_box02 .right .icon i{display:inline-block; width:30px; height:30px; background:url(../images/icons.png) no-repeat;}
.c_box02 .right .icon01 i{background-position:-98px 0;margin-top:23px;}
.c_box02 .right .icon02 i{background-position:-145px 0;margin-top:22px;}
.c_box02 .right .icon03 i{background-position:-99px -43px;margin-top:21px;}
.c_box02 .right .icon04 i{background-position:-150px -43px;margin-top:22px;}
.c_box02 .right .name{color:#252525;}
.c_box02 .right li:hover .name{color:#c33736;}
.c_box02 .right li:hover .icon i{transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}
.c_box02 .ring{position:absolute; left:50%; top:50%; margin:-45px 0 0 -45px; width:46px; height:46px;background:#fff; border:solid 22px #252525;}


/*c_box03*/
.c_box03{background:#ededed; padding:65px 0 70px;}
.c_box03 .title_box p{background:#ededed;}
.index_news{margin-right:-40px;}
.index_news li{float:left; width:340px; margin-right:40px; position:relative;}
.index_news .date{position:absolute;right:0;top:0; padding:0 12px 0 35px; color:#fff; line-height:40px; background:#303135;}
.index_news .date:before{content:""; position:absolute; left:12px; top:11px;width:17px; height:16px;background:url(../images/icons.png) no-repeat -25px -20px;}
.index_news dl{background:#fff; padding:15px 15px 25px;}
.index_news .more{width:48px; height:21px; border:solid 1px #bd2820; margin-top:18px; text-align:center;}
.index_news .more i{display:inline-block; width:28px; height:11px; background:url(../images/icons.png) no-repeat -18px -43px; margin-top:5px;}
.index_news li:hover .date{background:#c33736; }
.index_news li:hover .more{width:88px;}
.index_news li:hover .more i{width:46px; background-position:0 -43px;}



/*c_box04*/
.c_box04{background:#c33736; padding:24px 0 15px;}
.c_box04 .question{width:800px; color:#fff; font-size:18px;}
.c_box04 .question span{ display:inline-block; width:33px; height:33px;color:#fff; font-size:18px; text-align:center; line-height:33px; background:#303135; margin-right:15px;}
.c_box04 .more a{display:block; color:#fff; font-size:16px; background:#303135; width:160px; text-align:center; line-height:41px;}



/*footer*/
.footer{border-top:solid 8px #c33736;}
.f_box01{background:#252525;height:360px;}
.f_box01 .wrapper{position:relative; padding:65px 0 55px;}
.f_box01 .title a,.f_box01 .title{display:block;color:#fff; font-size:18px; font-weight:bold; margin-bottom:20px;}
.f_box01 .pro_list{width:470px; margin-right:25px;}
.f_box01 .contact{width:300px;}
.f_box01 ul li{padding:10px 0 15px;}
.f_box01 ul li,.f_box01 ul li a{color:#959595;}

.f_box01 .pro_list li{float:left;width:225px; margin-right:5px; } 
.f_box01 .pro_list li a{display:block;position:relative; _position:static; }
.f_box01 .pro_list li a:before{content:""; position:absolute; left:0; top:3px; width:0; height:9px;background:url(../images/icons.png) no-repeat -60px -31px;}
.f_box01 .pro_list li:hover a{padding-left:20px;}
.f_box01 .pro_list li:hover a:before{width:14px;}

.f_box01 .contact ul li{position:relative; _position:static; padding-left:30px;}
.f_box01 .contact ul li:before{content:""; position:absolute; left:0; top:10px;width:19px; height:19px;background:url(../images/icons.png) no-repeat;}
.f_box01 .contact ul .mail:before{background-position:0 -65px;}
.f_box01 .contact ul .wp:before{background-position:-178px -147px;width: 21px;height: 21px;}
.f_box01 .contact ul .code:before{background-position:0 -172px;}
.f_box01 .contact ul .tel:before{background-position:0 -118px;}
.f_box01 .contact ul .fax:before{background-position:0 -145px;}
.f_box01 .contact ul .mail:hover{color:#eee;}
.f_box01 .contact ul .mail:hover a{color:#eee;text-decoration:underline;}

.inquiry{position:absolute;right:0; top:0;width:290px;}
.inquiry .main{background:#c33736; height:330px;width:250px; padding:0 20px;}
.inquiry .bg{background:#b72d2c; transform:skewX(20deg); -webkit-transform:skewX(20deg); -o-transform:skewX(20deg); -ms-transform:skewX(20deg); -moz-transform:skewX(20deg); height:30px; margin:0 5px 0 -5px;}
.inquiry .title{padding:35px 0 10px;}
.inquiry form p{border:solid 1px #e06868; margin-bottom:10px; position:relative; _position:static;}
.inquiry form p:after{content:""; position:absolute; right:-1px; top:-1px; width:30px; height:30px; border:solid 1px #e06868;background:url(../images/icons.png) no-repeat;}
.inquiry form .name:after{background-position:-27px -58px;}
.inquiry form .mail:after{background-position:-27px -82px;}
.inquiry form .message:after{background-position:-28px -105px;}
.inquiry input,.inquiry textarea{background:none;border:none;color:#e06868; height:30px; line-height:30px; padding:0 10px; width:197px;}
.inquiry textarea{height:50px; padding:5px 10px; line-height:20px; overflow:hidden;}
.inquiry form .btn:after{display:none;}
.inquiry form .btn{width:98px; height:30px; margin-top:15px;}
.inquiry form .btn .send{width:98px; height:30px; padding:0; color:#fff; font-size:14px; font-weight:bold; cursor:pointer;}
.inquiry form .btn:hover .send{background:#fff; border-color:#fff; color:#c33736;}



.f_box02{background:#181818; padding:15px 0;}
.f_box02 .copyright,.f_box02 .copyright a,.f_box02 .link span,.f_box02 .link a{color:#434343;}
.f_box02 .link span{display:inline-block; margin-right:10px;}
.f_box02 .link img{ display:inline-block; vertical-align:middle;}
.f_box02 .link a:hover{color:#eee;text-decoration:underline;}


/*return*/
.backToTop{width:50px; height:50px; background:url(../images/top.png) no-repeat center #111; text-indent:9999px;cursor:pointer; color:#fff; text-align:center;cursor:pointer; position:fixed; bottom:20px; right:50px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px;}
.backToTop:hover{background-color:#c33736;}


/*sub*/
.sub_banner{min-width:1000px;width:100%;overflow:hidden;height:300px;}
.sub_banner img{position:relative; margin-left:-960px; left:50%; height:300px;}
.sub_content{padding-bottom:70px;}
.breadcrumbs{background:#f0f0f0;height:32px;}
.breadcrumbs,.breadcrumbs a{color:#252525; text-transform:capitalize; line-height:32px;}
.breadcrumbs span{display:block;width:40px; height:32px;background:url(../images/icons.png) no-repeat -190px 5px #c33736; vertical-align:middle; margin-right:10px; float:left;}
.breadcrumbs i{ display:inline-block; width:5px; height:9px;background:url(../images/icons.png) no-repeat -63px -63px; margin:0 5px;}
.breadcrumbs a:hover{color:#c33736;}
.sub_main{padding:30px 0;}
.sub_main .main_title{color:#252525; font-size:24px; text-align:center; font-weight:bold; margin-bottom:30px;}
.sub_main .main_title02{ background:url(../images/line01.jpg) repeat-x 0 center;text-align:center;margin-bottom:30px;}
.sub_main .main_title02 span{color:#252525; font-size:24px;font-weight:bold; display:inline-block; background:#fff; padding:0 15px;}
.sub_main .sub_left{width:250px; position:relative; z-index:9;}
.sub_main .sub_right{width:825px;}



.l_box01,.l_box02,.l_box03{margin-bottom:20px;}
.l_box01 .title a,.l_box02 .title{display:block;background:#c33736;color:#fff;height:65px; line-height:65px; text-align:center;font-size:20px;font-weight:bold;}
.l_box01 dl{position:relative; margin-top:4px; }
.l_box01 dt a{color:#252525;display:block;position:relative; line-height:20px; padding:5px 5px 5px 28px;border:solid 1px #d2d2d2;}
.l_box01 dt a:before{content:"";position:absolute;top:10px;left:9px; width:11px; height:11px; background:url(../images/icons.png) no-repeat -114px -112px;}
.l_box01 dl:hover dt a{background:#c33736;color:#fff; border-color:#c33736;}
.l_box01 dl:hover dt a:before{background-position:-99px -112px;}
.l_box01 .main dl dd{position:absolute;z-index:999;top:0;left:250px;width:210px; height:auto;display:none;background:#c33736;}
.l_box01 .main dl dd ul{padding:10px 5px;}
.l_box01 .main dl dd ul li a{display:block; color:#fff; padding:6px 10px 6px 20px; line-height:20px;position:relative; _position:static;}
.l_box01 .main dl dd ul li a:before{content:""; position:absolute; left:5px; top:11px; width:8px; height:8px;  background:url(../images/icons.png) no-repeat -100px -135px;}
.l_box01 .main dl dd ul li a:hover{padding-left:25px;}
.l_box01 .main dl dd ul li a:hover:before{left:10px;}


.l_box02 .main{position:relative;}
.l_box02 .slide li{float:left;}
.l_box02 .slide .pic img{display:block;width:250px; height:187px;}
.l_box02 .slide .name{padding:12px 20px; color:#fff; font-size:14px; line-height:20px; background:#252525; text-align:center;height:40px;overflow:hidden;}
.l_box02 .slide:hover .name{background:#c33736;}
.l_box02 .hd{position:absolute; top:80px; width:100%;}
.l_box02 .hd a{position:absolute; height:30px; width:22px; background:url(../images/icons.png) no-repeat; background-color:rgba(37,40,47,0.5);}
.l_box02 .hd .prev{left:0; border-left:solid 2px #c33736; background-position:-95px -77px;}
.l_box02 .hd .next{right:0; border-right:solid 2px #c33736; background-position:-122px -77px;}
.l_box02 .hd a:hover{background-color:rgba(37,40,47,.8);}


.l_box03{position:relative;height:100px;}
.l_box03 img{width:250px; height:100px;}
.l_box03 span{position:absolute;right:0;bottom:15px;background:#c33736;color:#fff; padding:0 10px; line-height:26px; font-weight:bold;}
.l_box03:hover span{padding:0 15px;}




/*proCover*/
#pro_main{margin-right:-50px;}
#pro_main .product{float:left; width:503px; padding:10px; border:solid 1px #d2d2d2; margin:0 50px 50px 0;}
#pro_main .pic{float:left;width:240px;}
#pro_main .pic img{width:240px;height:180px;}
#pro_main dl{overflow:hidden;padding-left:20px; _height:180px;}
#pro_main dl a{display:block;}
#pro_main dt a{color:#c33736;font-size:14px; padding:5px 0 8px;}
#pro_main dd{margin-top:14px;}
#pro_main dd a{position:relative; _position:static; padding-left:15px; line-height:20px;}
#pro_main dd a:before{content:""; position:absolute; left:0; top:6px; width:8px; height:7px;background:url(../images/icons.png) no-repeat -74px -80px;}
#pro_main dd a:hover:before{ background-position:-63px -80px;}
#pro_main dd a:hover{color:#c33736;}
#pro_main .product:hover{border-color:#c33736;}




/*proList*/
.proList_box .index_pro{margin:0 -10px;}
.proList_box .index_pro li{margin-bottom:30px;}
.proList_box .section{margin-top:40px;}
.proList_box .title_box{background:url(../images/line02.jpg) repeat-x 0 center; margin-bottom:35px;}
.proList_box .title{display:inline-block; line-height:26px; padding:0 20px 0 40px; background:#fff; position:relative; _position:static; color:#252525; font-size:16px; text-transform:capitalize;}
.proList_box .title:before{content:""; position:absolute; left:0; top:0; width:24px; height:24px;background:url(../images/icons.png) no-repeat -62px -100px;}
.proList_box .t_more{display:inline-block; padding-left:20px;background:#fff;}
.proList_box .t_more a{display:inline-block; width:60px; height:26px; padding-right:26px; background:#252525; color:#fff; text-align:center; line-height:26px; position:relative; overflow:hidden;}
.proList_box .t_more em{width:36px; height:26px;right:-6px;}
.proList_box .t_more i{width:11px; height:11px; background-position:-58px -43px; margin-left:-5px;}
.proList_box .t_more a:hover{background:#c33736;}



.proList_box .hd{text-align:center;}
.proList_box .hd li {color:#252525; font-size:14px; line-height:32px; border:solid 1px #d2d2d2;display:inline-block; _float:left; margin:0 8px;cursor:pointer; }
.proList_box .hd li a{display:block;padding:0 15px; }
.proList_box .hd li:hover {background:#c33736; border-color:#c33736;}
.proList_box .hd li:hover a{color:#fff; }
 




/*pro_detail*/
.jqzoom{position:relative; _position:static;}
.jqzoom img{display:block;width:420px; height:315px;padding:9px;border:solid 1px #dbdbdb; }
#spec-n5{margin:15px 0; overflow:hidden;}
#spec-left,#spec-right{background:url(../images/icons.png) no-repeat #d1d1d1; width:15px; height:68px; float:left; cursor:pointer;}
#spec-left{background-position:-72px -236px; margin-right:10px;}
#spec-right{background-position:-98px -236px;margin-left:10px;}
#spec-left:hover,#spec-right:hover{ background-color:#c33736;}
#spec-list ul{overflow:hidden; zoom:1; width:390px;height:70px;}
#spec-list ul li{float:left; width:100px; _width:95px; height:68px;cursor:pointer;}
#spec-list ul li img{ width:80px; height:60px; display:block; padding:3px; border:solid 1px #dbdbdb;}
#spec-list ul li:hover{ border-color:#c33736;}
.zoomdiv{z-index:100;position:absolute;top:0;left:0;display:none;overflow:hidden; background:#fff;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#fede4f;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


#detail_pro{overflow:hidden; zoom:1;margin-bottom:30px; }
#detail_pro .pic{float:left; width:440px; text-align:center;}
#detail_pro .text{width:365px;}
#detail_pro .text h1{color:#364854; font-size:18px; font-weight:bold;font-family:Arial; margin-top:15px;}
#detail_pro .data{margin:25px 0;border-top:dashed 1px #a3a3a3;border-bottom:dashed 1px #a3a3a3; padding:15px 0;}
#detail_pro .data li{padding:12px 0; overflow:hidden;zoom:1;}
#detail_pro .data li strong{display:inline-block; font-weight:normal; padding-left:20px; width:205px; float:left; color:#364854; position:relative; _position:static;}
#detail_pro .data li strong:before{content:""; position:absolute; width:8px; height:8px; left:0; top:4px; background:url(../images/icons.png) no-repeat -43px -244px;}
#detail_pro .data li span{display:block; overflow:hidden;color:#364854;}
.proDetail_btn{margin:35px 0;}
.proDetail_btn a{color:#fff; font-size:14px;display:inline-block;height:30px; line-height:30px;position:relative; _position:static; margin:0 15px 15px 0; font-family:Arial;}
.proDetail_btn a:before{content:"";position:absolute; width:17px; height:15px;background:url(../images/icons.png) no-repeat;}
.proDetail_btn .mail{background-color:#c33736; width:100px; padding-left:40px;}
.proDetail_btn .chat{background-color:#f39111;width:95px; padding-left:45px;}
.proDetail_btn .mail:before{background-position:-133px -235px;left:15px;top:8px;}
.proDetail_btn .chat:before{background-position:-134px -210px;left:20px;top:9px;}
.share{overflow:hidden;zoom:1;}
.share span{float:left;}
.share div{float:left;margin-left:5px;display:inline-block;}


.detail_main .tab_menu li{float:left;text-align:center; border:solid 2px #dcdcdc; line-height:36px; cursor:pointer; margin-left:-2px; width:273px; color:#364854; font-size:16px;}
.detail_main .tab_menu li.current{background:#c33736;color:#fff;}
.detail_main .tab_box{padding:25px 0;}
.detail_main .tab_box .hide{display:none;}
.detail_main .section {line-height:24px; color:#364854; margin-bottom:20px;}
.detail_main .section p{line-height:24px; color:#364854; margin-bottom:20px;}


.sub_inquiry .tip02{height:32px; background:#c33736; line-height:32px; font-size:14px; font-weight:bold; color:#fff; padding:0 20px;}
.sub_inquiry ul li.btn{text-align:center;}
.detail_main .sub_inquiry ul li.btn input{width:160px; height:34px;color:#fff; border:none;padding:0 0 0 20px; box-shadow:none; margin:10px 12px; font-size:16px; float:none; cursor:pointer;}
.detail_main .sub_inquiry ul li.btn .send{background:url(../images/icons.png) no-repeat -100px -143px #f39111; font-weight:normal;}
.sub_inquiry ul li.btn .reset{background:url(../images/icons.png) no-repeat -98px -172px #c33736;}


.related{margin-top:30px;}
.related .title_box{background:#25282f; height:30px; line-height:30px; margin-bottom:20px;}
.related .sub_title{display:inline-block;font-weight:bold; padding:0 10px; color:#fff; background:#c33736; font-size:16px;}
.related .btn{background:#c33736; display:inline-block; height:30px; overflow:hidden;}
.related .btn a{display:inline-block; width:8px; height:15px; background:url(../images/icons.png) no-repeat; margin-top:8px; padding:0 10px;}
.related .btn .prev{ background-position:-30px -212px; border-right:solid 1px #fff; padding-right:11px;}
.related .btn .next{ background-position:-65px -212px;}
.related .tempWrap{margin:0 -8px;}
.related .slide li{float:left; width:195px; margin:0 8px;margin:0 5px\9;_margin:0 5px;}
.related .slide li .pic img{ display:block; width:180px; height:135px; padding:6px; border:solid 1px #d2d2d2;}
.related .slide li .name{ padding:7px; color:#333; text-align:center;}
.related .slide li:hover .pic img{ border-color:#c33736;}





/*news*/
.news_box{margin-top:10px;}
.news_box .index_news dl{background:#f0f0f0;}
.news_box .index_news li{margin-bottom:40px;}

.page_box{border:solid 1px #d2d2d2; height:50px; margin-top:30px; padding:0 20px;}
.page_tip{width:200px; color:#222; line-height:50px; font-size:14px;}
.page{width:50%; height:24px; line-height:24px; padding:13px 0; text-align:right;}
.page a{display:inline-block; width:24px; height:24px; color:#252525;font-size:14px; text-align:center; margin:0 5px;}
.page a:hover{background-color:#c33736; color:#fff;}
.page .prev,.page .next{display:inline-block; width:15px; height:11px;background:url(../images/icons.png) no-repeat; vertical-align:middle; border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; -moz-border-radius:0;}
.page .prev{background-position:-36px -136px;}
.page .next{background-position:-54px -136px;}
.page a.prev:hover,.page a.next:hover{background-color:#fff;}



/*faq*/
.faq_box li{margin-bottom:20px; padding:15px 12px 20px; border:solid 1px #d2d2d2;overflow:hidden; zoom:1;}
.faq_box li p i{display:inline-block; width:25px; height:25px; float:left; text-align:center; line-height:25px; color:#fff; margin-right:10px;}
.faq_box li p span{display:block; overflow:hidden;}
.faq_box .question span{color:#252525; line-height:25px;}
.faq_box .answer{margin-top:15px;}
.faq_box .answer span{color:#696969; line-height:26px;}
.faq_box li .question i{background:#252525;}
.faq_box li .answer i{background:#c33736;}
.faq_box li:hover{border-color:#c33736;}


/*case*/
.case_box li{background:#f0f0f0;overflow:hidden; zoom:1; margin-bottom:20px;}
.case_box .pic{float:left;}
.case_box .pic img{width:260px; height:195px;}
.case_box dl{overflow:hidden;padding:25px;}
.case_box dt{color:#252525; font-size:14px;}
.case_box .view{margin:15px 0;color:#c33736; padding-left:30px; position:relative; _position:static;}
.case_box .view:before{content:"";position:absolute;width:21px;height:12px; left:0; top:2px;background:url(../images/icons.png) no-repeat -162px -85px;}
.case_box .text{color:#696969; line-height:24px; height:72px; overflow:hidden;}
.case_box li:hover dt{color:#c33736;}
.case_box li:hover .text{color:#555;}


/*contact*/
.contact_box .title{color:#c33736; font-size:16px; line-height:40px;text-align:center; border:solid 2px #c33736;}
.contact_infor{margin:25px 0 40px;}
.infor_title{color:#c33736; font-size:18px; font-weight:bold;padding-left:10px;}
.contact_infor ul{width:330px;padding-left:10px;}
.contact_infor li{margin-top:15px;position:relative; _position:static; color:#252525; font-size:14px; padding-left:30px; line-height:22px;}
.contact_infor li:before{content:""; position:absolute; left:0; top:2px; width:19px; height:20px;background:url(../images/icons.png) no-repeat;}
.contact_infor .add:before{background-position:0 -196px;}
.contact_infor .code:before{background-position:0 -225px;}
.contact_infor .tel:before{background-position:0 -280px;}
.contact_infor .fax:before{background-position:0 -254px;}
.contact_infor .mail:before{background-position:-34px -156px;}
.contact_infor .skype:before{background-position:-33px -180px;}
.contact_infor .wp:before{background-position: -179px -186px;width: 21px;}
.contact_infor .mail:hover,.contact_infor .skype:hover{color:#c33736;}
.contact_infor .mail:hover a,.contact_infor .skype:hover a{color:#c33736; text-decoration:underline;}



.sub_inquiry .tip{background:#f0f0f0; color:#3d3d3d; height:50px;}
.sub_inquiry .tip i{float:left; display:inline-block;width:50px; height:50px;background:url(../images/icons.png) no-repeat -58px -147px #c33736; border-right:solid 1px #fff; margin-right:10px;}
.sub_inquiry .tip span{ display:block; overflow:hidden;line-height:50px; font-size:14px;}
.sub_inquiry ul{padding:25px 20px;border:solid 1px #e5e5e5; border-top:none;}
.sub_inquiry ul li{margin-top:12px; overflow:hidden;zoom:1;}
.sub_inquiry ul li i{font-style:normal; color:#d91b04; margin-top:10px;}
.sub_inquiry ul li span{display:inline-block; width:120px; margin-right:10px; text-align:right;color:#3e3e3e; line-height:26px;float:left;}
.sub_inquiry ul li input,.sub_inquiry ul li textarea{border:solid 1px #d2d2d2;height:26px;line-height:26px; background:none; width:605px; padding:0 5px; color:#999;float:left;}
.sub_inquiry ul li textarea{height:110px; padding:3px 5px; line-height:20px;}
.sub_inquiry ul li .send{font-size:14px; color:#fff; font-weight:bold; width:190px;padding:0 0 0 35px;height:40px; border:none; cursor:pointer; margin-left:130px; background:url(../images/icons.png) no-repeat -130px -103px #c43c39; margin-top:20px;}



/*about*/
.about_box{margin-top:10px;}
#about_menu{margin:0 -5px 30px 0;}
#about_menu li{float:left; width:270px; line-height:40px; text-align:center;margin-right:5px;}
#about_menu li a{display:block; position:relative; padding-bottom:7px; text-align:center; _position:static;}
#about_menu li a:after{content:"";position:absolute; bottom:0; width:0; height:0; border-style:solid; border-color:#981a19 transparent; border-width:7px 8px 0 8px; opacity:0;filter:alpha(opacity=0); left:50%; margin-left:-8px;}
#about_menu li a span{display:block;font-size:14px;background:#e7e7e7;}
#pro_menu li:hover span,#about_menu li.current a span,#about_menu li:hover a span{background:#c33736;color:#fff;}
#pro_menu li:hover a:after,#about_menu li.current a:after,#about_menu li:hover a:after{opacity:1; filter:alpha(opacity=100);}




.about_box p{font-size:14px; line-height:32px; margin-top:25px;}

.about_company{ margin-top:40px;}
.about_company .a_logo{margin:0;}
.about_company .a_logo img{width:200px; height:120px;margin:0 25px 25px 0;}
.about_box .company_title{margin-left:225px;font-size:18px; font-weight:bold; border-bottom:solid 1px #e7e7e7; padding-bottom:10px; margin-bottom:-10px;}
.about_pro .pro_title{text-align:center; background:url(../images/line01.jpg) repeat-x 0 center;}
.about_pro .pro_title a{ display:inline-block; padding:0 15px; background:#fff; color:#131313; font-size:20px; font-weight:bold;}
.about_pro ul{margin:30px -30px 0 0;}
.about_pro ul li{float:left; width:196px; height:196px; position:relative; margin:0 30px 30px 0;}
.about_pro .pro_name{position:absolute; width:100%; height:100%; left:0;top:0; background:#c33736; text-align:center; transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); -moz-transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.about_pro .pro_name p{display:table-cell;height:196px; vertical-align:middle; padding:0 40px;}
.about_pro .pro_name span{ display:inline-block; color:#fff; font-size:14px; line-height:20px; padding:15px 0; border-top:solid 1px #ed8d8c; border-bottom:solid 1px #ed8d8c;}
.about_pro ul li:hover .pro_name{transform:scale(1);-webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1);opacity:1; filter:alpha(opacity=100);}
.about_company .pic_text{margin-bottom:50px;}
.about_company .pic_text span{ display:inline-block; width:530px;}

.about_gallery .title{font-size:26px; font-weight:bold;text-align:center; padding-top:15px;}
.about_gallery .baguetteBox{ margin-right:-20px; padding:0;}
.about_gallery .baguetteBox li{float:left; width:260px; margin:0 20px 30px 0;}
.about_gallery .baguetteBox .name{ text-align:center; height:30px;line-height:30px; margin-top:5px; background:#e8e8e8;}
.about_gallery .baguetteBox .pic img{ width:260px; height:195px;}
.about_gallery .baguetteBox li:hover .name{background:#c33736; color:#fff;}

.about_speech{padding-top:20px;}
.about_speech .ceo{margin: -105px 0 0;}
.about_speech .ceo img{ margin:0 25px 25px 0; width:430px; height:285px;}
.about_box .speech_title{border-bottom:solid 1px #e7e7e7; padding-bottom:30px; margin-left:455px; margin-bottom:-10px;}
.about_box .speech_title .title{font-size:18px; font-weight:bold; margin:0;}
.speech_title .key_word{color:#c33736; line-height:28px; border:solid 1px #c33736; display:inline-block; padding:0 10px; margin-top:15px; }
.speech_title .key_word span{ display:inline-block; padding:0 15px; color:#c33736; font-size:16px;}

.about_manage{margin-top:40px;}
.about_manage .title{color:#c33736; font-size:18px; font-weight:bold; border:solid 1px #c33736; text-align:center; line-height:44px;}
.about_manage dl{margin:40px; text-align:center;}
.about_manage dl dt{font-size:14px; font-weight:bold; margin-bottom:15px;}


.about_social ul li{padding:35px 0; border-bottom:solid 1px #d2d2d2;}
.about_social .pic{margin:0;}
.about_social .pic img{width:180px; height:180px;}
.about_social dl{overflow:hidden; padding:15px 0 0 20px;}
.about_social dl dt{font-size:16px; font-weight:bold; margin-bottom:20px;}
.about_social dl dd,.about_manage dl dd{font-size:14px; line-height:32px;}

.about_service .title{font-size:26px; font-weight:bold;text-align:center; padding-top:15px;}
.about_service ul{margin:40px -40px 0 0;}
.about_service li{float:left; width:340px; margin-right:40px; position:relative; overflow:hidden;}
.about_service .text_wrap{position:absolute; width:100%; height:140px; left:0; bottom:-40px; background:rgba(195,55,54,.8);transform:skewY(-10deg); -webkit-transform:skewY(-10deg); -o-transform:skewY(-10deg); -ms-transform:skewY(-10deg); -moz-transform:skewY(-10deg);}
.about_service .text_wrap dl{color:#fff; padding:35px 30px; text-align:center;transform:skewY(10deg); -webkit-transform:skewY(10deg); -o-transform:skewY(10deg); -ms-transform:skewY(10deg); -moz-transform:skewY(10deg);}
.about_service .text_wrap dt{font-size:18px; font-weight:bold; padding:10px 0 35px;}
.about_service .text_wrap dd{font-size:14px; line-height:26px;}
.about_service li:hover .text_wrap{height:120%;}
.about_service li:hover dl{ margin-top:100px;}

.title_box .detail_title{font-size: 16px;line-height: 32px;margin-top: 25px;text-align:center;font-weight:bold;}
.title_box .date{color:#878787; margin-top:10px;text-align:center;}
.sub_main .detail{font-size:14px; line-height:22px;}

.detail_tip{margin-top:20px;font-size:14px;}
.news_list{margin:20px 0;}
.news_list li{margin-top:10px;}
.news_list li a{color:#8c8c8c;}
.news_list li:hover a{text-decoration:underline; color:#666;}