/*header*/
.header .banner{height:300px;}
.header .banner img{width:100% !important;height:300px;z-index:99}
/*main*/
.main .box{padding-bottom:50px;}
.main .box .tit{height:34px;border-bottom:1px solid #ccc;overflow:hidden}
.main .box .tit h2{font-size:24px;float:left;line-height:25px;}
.main .box .tit ul{overflow:hidden}
.main .box .tit ul li{float:left;}
.main .box .tit ul li a{color:#3c3c3c;padding-right:10px;margin-right:10px;background:url(../images/top-line.png) no-repeat right 4px;line-height:33px;}
.main .box .tit ul li a:hover{color:#ff0000}
.main .box .tit ul li:last-child a{background:none;padding-right:0;margin-right:0;}
.main .box .bar ul{overflow:hidden;width:1040px;}
.main .box .bar ul li{float:left;height:189px;border-bottom:1px solid #ccc;width:220px;margin-right:40px;margin-top:30px;}
.main .box .bar ul li img{width:220px;height:145px;}
.main .box .bar ul li a{color:#3c3c3c;font-size:16px;}
.main .box .bar ul li p{margin-top:5px}
.main .box .bar .fa-angle-right{margin-top:1px;color:#3c3c3c;}
/*box-pro*/
.box-pro{height:410px;padding-top:40px;}
.box-pro-l{width:510px;height:410px;overflow:hidden}
.box-pro-l .bd{height:340px;margin-bottom:10px;}
.box-pro-l .bd img{width:510px;;height:340px;}
.box-pro-l .hd{height:60px;}
.box-pro-l .hd ul{width:525px;}
.box-pro-l .hd li{float:left;width:95px;height:60px;margin-right:8.75px;}
.box-pro-l .hd  img{width:95px;height:60px;border:none;}
.box-pro-l .hd .on img{width:91px;height:56px;border:2px solid #ff421c}
.box-pro-r{width:450px;height:410px;overflow:hidden}
.box-pro-r .tit {height:39px;border-bottom:1px solid #ccc;overflow:hidden}
.box-pro-r .tit h3{float:left;font-size:30px;color:#3c3c3c;font-weight:normal;line-height:28px;}
.box-pro-r .tit .bdsharebuttonbox {right:0}
.box-pro-r .tit .bdsharebuttonbox  a{width:48px;height:40px;display:block;margin:0;padding:0;background:none;}
.box-pro-r .tit .fl-right{color:#808080;line-height:44px;}
.box-pro-r .tit .fl-right .fa-share-alt{color:#3c3c3c;}
.box-pro-r .description{height:165px;padding-top:15px;}
.box-pro-r .num{height:85px;}
.box-pro-r .num li{height:28px;line-height:28px;}
.box-pro-r .other{height:30px;margin-top:30px;overflow:hidden;}
.box-pro-r .other1{background:url(../images/pro-other.png) no-repeat ;}
.box-pro-r .other2{background:url(../images/product-line-box.png) no-repeat ;}
.box-pro-r .other .dg{color:#fff;width:80px;height:30px;display:block;float:left;padding-left:18px;line-height:30px;}
.box-pro-r .other .download{color:#fff;width:79px;height:30px;display:block;float:left;line-height:30px;padding-left:23px;}
.box-pro .box-pro-r .other2 .chat{padding-left:33px;}
.box-pro-r .other .chat{color:#fff;width:75px;height:30px;display:block;float:left;line-height:30px;padding-left:25px}
.box-pro-r .tel{margin-top:20px;font-size:16px;overflow:hidden;}
.box-pro-r .tel strong{font-size:24px;color:#c70000;line-height:10px;}
/*box-pro1*/
.box-pro1{overflow:hidden;padding-top:55px;}

/*box-con*/
.box-con{width:740px;overflow:hidden}
.box-con .nav {height:29px;border-bottom:1px solid #ccc;line-height:29px;}
.box-con .nav ul{width:840px;}
.box-con .nav li{float:left;width:135px}
.box-con .nav li a{color:#3c3c3c;font-size:16px;}
.box-con .part1{overflow:hidden;padding: 30px 0;border-bottom:1px solid #ccc}
.box-con .part1:last-child{border-bottom:none;}
.box-con .part1 .rexian{ color: #f00; font-weight: 700;}
.box-con h3{font-size:18px;line-height:30px;color:#ff0000;margin-bottom:20px;}
#nav{width:100%;text-align:right;height:50px;background:#2a63cc;z-index:999;top:0px;position:fixed !important;line-height:50px;left:0;}
#nav ul{max-width:1000px;margin:0 auto;}
#nav li{float:right;width:135px}
#nav li a{color:#fff;font-size:16px;}
#nav li a:hover{color:#ff0000;}
.box-con table{width:740px;margin:30px 0;*width:739px;}
.box-con td{border:1px solid #ccc;text-align:center}
.box-con th{border:1px solid #ccc;text-align:center}
/*produce*/
.produce{border-top:1px solid #ccc;overflow:hidden;padding-bottom:60px;padding-top:0px;margin-top:40px;border-bottom:1px solid #ccc}
.produce .tit{height:39px;overflow:hidden;line-height:39px;border-bottom:1px solid #ccc}
.produce .tit h2 {font-size:24px;font-weight:normal;float:left}
.produce .tit a{float:right;color:#808080;line-height:52px;}
.produce .tit a:hover{color:#ff0000;}
.produce .tit a:hover i{color:#ff0000;}
.produce .tit i{color:#3c3c3c}
.produce .bar ul{overflow:hidden;width:1040px;margin-top:30px;}
.produce .bar ul li{float:left;height:189px;border-bottom:1px solid #ccc;width:220px;margin-right:40px;}
.produce .bar ul li img{width:220px;height:145px;}
.produce .bar ul li a{color:#3c3c3c;font-size:16px;}
.produce .bar ul li p{margin-top:5px;}
.produce .bar .fa-angle-right{margin-top:1px;color:#3c3c3c;}
/*other*/
.bottom{height:465px;padding-top:50px;}
.bottom .contact{width:320px;}
.bottom .contact .tit{height:39px;border-bottom:1px solid #ccc;line-height:39px;font-size:24px;}
.bottom .contact .tit h2{font-weight:normal}
.bottom .contact li{height:25px;line-height:25px;margin-top:25px;font-size:16px;color:#808080;}
.bottom .contact li a{font-size:16px;color:#3c3c3c}
.bottom .contact li a:hover{color:#ff0000;text-decoration:underline;}
.bottom .contact li span{color:#3c3c3c}
.bottom .contact .fa{margin-right:20px;width:22px;}
.bottom .reserve{width:640px;}
.bottom .reserve .tit{height:39px;border-bottom:1px solid #ccc;line-height:39px;font-size:24px;margin-bottom:25px;}
.bottom .reserve .tit h2{font-weight:normal}
.bottom .reserve ul{width:660px;}
.bottom .reserve li{width:310px;margin-right:20px;float:left;height:30px;margin-top:20px; position:relative;}
.bottom .reserve .input-text{width:308px;height:28px;border:1px solid #ccc;text-indent:10px}

.bottom .reserve .LV_validation_message{position:absolute;bottom: -22px;left: 0;color: #F00; text-indent: 19px; background: url(../images/ico-msg.png) no-repeat;}
.bottom .reserve .LV_invalid {color: #F55533;background-position: 0 -61px;}
.bottom .reserve .LV_valid {color: #FFF; text-indent: 20px; background-position: 0 -43px;}

.bottom .reserve #postscript{margin-top:20px;width:458px;height:78px;border:1px solid #ccc;text-indent:10px;float:left}
.bottom .reserve .reset,.bottom .reserve .submit{width:160px;height:28px;margin-top:20px;margin-left:20px;border:none;color:#fff;border-radius:3px;cursor:pointer;}
.bottom .reserve .submit{background:#455faa;box-shadow:0px 2px 0px #455faa}
.bottom .reserve .reset{background:#808080;box-shadow:0px 2px 0px #5a5959}
/*product-line*/
.product-line ul{overflow:hidden;width:1060px;}
.product-line li{width:470px;height:160px;float:left;margin-top:40px;margin-right:60px;}
.product-line li img{width:240px;height:160px;}
.product-line-box{width:210px;}
.product-line-box h3{height:29px;line-height:29px;border-bottom:1px solid #ccc;font-weight:normal;font-size:18px;margin-bottom:12.5px;}
.product-line-box  p{line-height:25px;color:#808080}
.product-line-box .other{margin-top:12.5px;width:210px;height:30px;background:url(../images/product-line-box_01.png) no-repeat;line-height:30px;}
.product-line-box .other a{display:block;width:105px;height:30px;float:left;color:#fff;text-align:center;}
/*case*/
.case{overflow:hidden;padding-bottom:60px;}
.case-box{height:210px;width:470px;}
.case-box .tit{height:29px;overflow:hidden;line-height:29px;border-bottom:1px solid #ccc}
.case-box  .tit h2 {font-size:18px;font-weight:normal;float:left}
.case-box  .tit a{float:right;color:#808080;line-height:35px;}
.case-box  .tit a:hover {color:#ff0000}
.case-box  .tit a:hover i{color:#ff0000}
.case-box .tit i{color:#3c3c3c}
.case-box li{line-height:35px;height:35px;}
.case-box li a{color:#3c3c3c}
.case-box li a:hover{color:#ff0000;text-decoration:underline;}


