@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ul,li{list-style:none; margin:0; padding:0;}
a img{border:0;display: block;}
html, body {height: auto; }
em,i{font-style: normal;}
a:hover *,*:hover{-webkit-transition: all 320ms ease-out 0s;-moz-transition: all 320ms ease-out 0s;
    -o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;}
/*颜色字体设置-start-*/
a{color:#333333;text-decoration:none;cursor: pointer;}
a:hover{color:#b4000a;}
p{color:#333333;line-height:28px;}
body{background-color:white;overflow-x:hidden;font-size:16px;
    font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif;}
/*颜色字体设置-end-*/
/******base*******/
.bk10,.bk20,.bk30,.bk40,.bk50,.bk60,.bk70,.bk80,.bk90,.bk100{width:100%;overflow: hidden;clear: both;display: block;}
.bk10{height:10px;}
.bk20{height:20px;}
.bk30{height:30px;}
.bk40{height:40px;}
.bk50{height:50px;}
.bk60{height:60px;}
.bk70{height:70px;}
.bk80{height:80px;}
.bk90{height:90px;}
.bk100{height:100px;}

.mL10 {margin-left: 10px;}
.mR10 {margin-right: 10px;}
.mT10{margin-top: 10px; }
.mB10{margin-bottom: 10px;}
.m10{margin: 10px;}
.pT10{padding-top: 10px; }
.pB10{padding-bottom: 10px; }
.pL10{padding-left:10px;}
.pR10{padding-right:10px;}
.p10{ padding: 10px;}
/******other*******/
.fl{float:left;display: inline-block;}
.fr{float:right;display: inline-block;}
/******clear float*******/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*通用*/
.w1280{width: 1280px;margin: 0 auto;height: auto;}
.w1160{width: 1160px;margin: 0 auto;height: auto;}
.rotate_img li a:hover img,.rotate_img a:hover img,.rotate_img li:hover img,.rotate_img:hover img{
    -ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);
    -ms-transition: all 320ms ease-out 0s;-moz-transition: all 320ms ease-out 0s;
    -webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;}
.boost_img li a:hover img,.boost_img a:hover img,.boost_img li:hover img,.boost_img:hover img{
    -ms-transition: all 320ms ease-out 0s-moz-transition: all 320ms ease-out 0s;
    -webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;
    transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); /* IE 9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')";
    /* IE8 */filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); /* IE6 and 7 */
    background-position:center;}
.gray_img li a:hover img,.gray_img a:hover img,.gray_img li:hover img,.gray_img:hover img,.gray_img:hover{
    -ms-filter: grayscale(1);-moz-filter:grayscale(1);-webkit-filter:grayscale(1);-o-filter: grayscale(1);filter:grayscale(1);
    -ms-transition: all 320ms ease-out 0s;-moz-transition: all 320ms ease-out 0s;
    -webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;}
.filter_img li a:hover img,.filter_img  a:hover img,.filter_img li:hover img,.filter_img:hover img,.filter_img:hover{
    filter:alpha(opacity=80);-ms-opacity:0.8;-moz-opacity:0.8;-webkit-opacity:0.8;-o-opacity:0.8;opacity: 0.8;}
.hd_empty{font-size:0;display:none;overflow:hidden;height:0;width: 0;}
.mask_black{background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;display: block;}
.txt_elip{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.txt-center{text-align: center;}
/*右侧悬浮框*/
.float_onlie{position: fixed;top:50%;right:20px;width: 80px;height: auto;z-index: 99999999;margin: -230px 0 0;}
.float_onlie a{display: block;width: 80px;height: 90px;margin: 0 0 1px 0;
    background: url(/images/cbar.png) no-repeat;
    -webkit-transition: all 320ms ease-out 0s;-moz-transition: all 320ms ease-out 0s;
    -o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;}
.float_onlie a.on_1{background-position: 0 0;}
.float_onlie a.on_2{background-position: 0 -91px;position:relative;}
.float_onlie a.on_2 em,.float_onlie a.on_3 em{background: #b4000a;color:#fff;width: 180px;height: 50px;font-size: 16px;padding:20px;text-align: center;line-height: 25px;}
.float_onlie a.on_2 em{display: none;position: absolute;left: -220px;top:0;}
.float_onlie a.on_3{background-position: 0 -182px;position:relative;}
.float_onlie a.on_3 em{display: none;position: absolute;left: -220px;top:0;}
.float_onlie a.on_4{background-position: 0 -273px;position:relative;}
.float_onlie a.on_4 em{width: 180px;height: 180px;display: none;position: absolute;left: -180px;top:0px;}
.float_onlie a.on_4 em img{width:180px;height: 180px;}
.float_onlie a.on_5{background-position: 0 -364px;}
.float_onlie a:hover.on_1{background-position: -80px 0;}
.float_onlie a:hover.on_2{background-position: -80px -91px;}
.float_onlie a:hover.on_2 em{display: inline-block;}
.float_onlie a:hover.on_3{background-position: -80px -182px;}
.float_onlie a:hover.on_3 em{display: inline-block;}
.float_onlie a:hover.on_4{background-position: -80px -273px;}
.float_onlie a:hover.on_4 em{display: inline-block;}
.float_onlie a:hover.on_5{background-position: -80px -364px;}
/*page*/
.pageJump {text-align: left;padding:20px 0 30px;line-height: 20px;width: 100%;overflow: hidden;}
.pageJump .number {margin: auto auto auto 40%;width: auto;display: block;float: none;height: auto;}
.pageJump .number .disabled {background: #b4000a;padding:5px 10px;}
.pageJump .number .disabled a{color: #fff;}
.pageJump .number .disabled:hover{background:#ec6702; }
/*返回*/
.backpre {text-align:center;margin:30px 0 0;}
.backpre a{height:24px;background: #b4000a;line-height:24px;
    padding:10px 20px;color: #fff;
    display: inline-block;text-align: center;}
.backpre a:hover{background:#ec6702;color:#fff;}
/*header*/
.header{height: 110px;width: 100%;display: block;}
.header .logo{width:510px;height:70px;display: block;margin: 20px 0 0;
    background: url(/images/logo.png) left center no-repeat; }
.header .call{background: url(/images/ho_call.png) left center no-repeat;padding: 0 0 0 50px;margin: 30px 30px 0 0;}
.header .call h2{color: #ec6702;line-height: 20px;}
.header .call p{color:#ec6702;line-height: 30px;font-size: 28px;font-weight: bold;}
.header .hed_ing{font-size: 14px;margin: 40px 0 0;display: inline-block;border: 1px solid #ccc;padding: 5px 10px;}
.header .hed_ing_2{margin: 40px 10px 0 0;}
.header .hed_ing:hover{background: #b4000a;color: #fff;border: 1px solid #b4000a;}
/*nav*/
.nav_box{width: 100%;height:50px;background:#b4000a;}
.nav{height:50px;line-height:50px;position:relative;z-index:1;}
.nav a{ color:#fff; text-align:center;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block;font-size:16px;width: 145px;}
.nav .sub{ display:none; width:145px; left:0; top:50px;  position:absolute; background:#f4f4f4; line-height:40px; font-size: 14px; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block;color: #333;}
.nav .sub a:hover{ background:#ec6702;color: #fff;}
.nav .on h3 a,.nav h3 a:hover{ background:#ec6702;}
/*banner*/
.slideBox{ width:100%; height:620px; overflow:hidden; position:relative;}
.slideBox .hd{font-size:0;display:none;overflow:hidden;height:0;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{display: block;width: 100%;height:620px;}
.slideBox .prev,.slideBox .next{ position:absolute;top:50%; margin-top:-43px; display:block; width:86px; height:86px;
    filter:alpha(opacity=60);-ms-opacity:0.6;-moz-opacity:0.6;-webkit-opacity:0.6;-o-opacity:0.6;opacity: 0.6;}
.slideBox .prev{left:10%;background: url(/images/bn_pre.png) no-repeat; }
.slideBox .next{right:10%;background: url(/images/bn_next.png) no-repeat; }
.slideBox .prev:hover,.slideBox .next:hover{filter:alpha(opacity=100);-ms-opacity:1;-moz-opacity:1-webkit-opacity:1-o-opacity:1;opacity: 1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}
/*ho_tit_all*/
.ho_tit_all{text-align: center;}
.ho_tit_all a{display: inline-block;margin: 0 auto;}
.ho_tit_all a h2{background: url(/images/ho_tit_bg.png) center bottom no-repeat;min-width: 300px;
    padding: 0 0 30px;line-height: 60px;font-size: 40px;font-weight: bold;}
.ho_tit_all a p{color: #999;line-height: 30px;text-transform: uppercase;font-size: 20px;}
/*产品*/
/*设备*/
.slideRealman{width:100%; height:auto; overflow:hidden; position:relative;}
.slideRealman .bd{position:relative;z-index:0;width:100%;height: 370px;background: #f2f2f2;padding: 30px 0;}
.slideRealman .bd li{zoom:1;display: block;}
/*设备大图*/


/*轮播导航*/
.slideRealman .hd{height: 200px; width:1160px;margin: 0 auto 30px;}
.picScroll-maimg{width:100%;position:relative;height: 200px;}
.picScroll-maimg .inhd{overflow:hidden; height:40px;width: 1160px;z-index: 99999999999;
    position: absolute;left:0;top:55px;}
.picScroll-maimg .inhd .sprev,.picScroll-maimg .inhd .snext{display:none;width:40px; height:40px;
    overflow:hidden;cursor:pointer;transition: all 0.3s linear 0s; }
.picScroll-maimg .inhd .sprev{background:url(/images/l_btns.png) 0 0 no-repeat;float: left;}
.picScroll-maimg .inhd .snext{background:url(/images/r_btns.png) 0 0 no-repeat;float: right;}
.picScroll-maimg:hover .inhd  .sprev,.picScroll-maimg:hover .inhd  .snext{display: block;}
/*轮播小图*/
.picScroll-maimg .inbd{width: 1160px;height:200px;margin: 0 auto; position: absolute;left: 0;top:0;z-index: 99999;}
.picScroll-maimg .inbd ul{zoom:1;width:1160px;height:200px;overflow: hidden;}
.picScroll-maimg .inbd ul li{float:left;width:150px; height:150px;cursor:pointer;text-align: center;margin: 0 18px 0 0;}
.picScroll-maimg .inbd ul li .pic{width: 144px;height: 144px;display: block;overflow: hidden;margin: 0 auto;border: 3px solid #e5e5e5;
    -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%;}
.picScroll-maimg .inbd ul li img{width:100%;height:auto;min-height: 144px;display: block;}
.picScroll-maimg .inbd ul li h2{color: #333;text-align: center;line-height: 50px;}
.slideRealman .hd ul li.on h2,.slideRealman .hd ul li:hover h2{color: #b4000a;}
.slideRealman .hd ul li.on .pic,.slideRealman .hd ul li:hover .pic{border:3px solid #b4000a; }
/*pro_o_dis*/
.pro_o_dis .pic{width: 500px;height: 350px;border: 10px solid #fff;position: relative;display: block;
    overflow: hidden;display: table-cell;vertical-align: middle;text-align: center;}
.pro_o_dis .pic img{max-width: 100%;max-height: 350px;display: block;vertical-align: middle;margin: 0 auto;}
.pro_o_dis .pic p{width: 420px;height: 80px;line-height: 80px;position: absolute;left: 0;bottom: 30px;z-index: 999999;color: #fff;font-size:18px;
    text-indent: 30px;
    background: url(/images/mask_b_8.png) repeat;}
.pro_o_dis .txt{width: 600px;}
.pro_o_dis .txt .tit{background: url(/images/tit_line.png) center repeat-x;line-height: 70px;}
.pro_o_dis .txt .tit span{background: #f2f2f2;display: inline-block;font-size: 28px;padding: 0 10px 0 0;color: #b4000a;}
.pro_o_dis .txt .p1{color: #666;line-height: 30px;height: 90px;}
.pro_o_dis .txt .p2 .m1{width: 190px;height: auto;display: inline-block;}
.pro_o_dis .txt .p2 .m1 .sty{width: 180px;height: 120px;border: 5px solid #fff;display: inline-block;overflow: hidden;
    display: table-cell;vertical-align: middle;text-align: center;}
.pro_o_dis .txt .p2 .m1 .sty img{max-width: 100%;max-height: 120px;display: block;vertical-align: middle;margin: 0 auto;}
.pro_o_dis .txt .p2 .m1 p{line-height: 50px;text-align: center;color: #333;}
.mR15{margin: 0 15px 0 0;}
.pro_o_dis .txt .p2 .m1:hover .sty{border: 5px solid #b4000a;}
.pro_o_dis .txt .p2 .m1:hover p{color:#b4000a; }
/*ask_out*/
.ask_out{width: 700px;height: 200px;display: block;padding: 450px 0 0 460px;
    background: url(/images/ask_bg.png) center no-repeat;}
.ask_out .call{width: 460px;height: 60px;background: #b4000a;text-align: center;color: #fff;display: block;line-height: 60px;font-size: 24px;
    -ms-border-radius: 40px; -moz-border-radius:40px; -webkit-border-radius: 40px;-o-border-radius: 40px; border-radius:40px;}
/*service_out*/
.service_out .ho_tit_all{background: #f2f2f2;height: 150px;padding: 30px 0 0;}
.ser_o_list li{margin: 0 0 30px 0;}
.ser_o_list li img{width: 460px;height: 340px;display: block;}
.w670{width: 670px;}
.ser_o_list li .p1{width: 120px;height: 290px;background:#b4000a;text-align: center;display: block;padding: 0 20px; }
.ser_o_list li .p1 h2{height: 160px;border-bottom: 1px dotted #fff;color: #fff;line-height: 160px;font-size: 90px;}
.ser_o_list li .p1 p{font-size: 30px;line-height: 80px;color: #fff;}
.ser_o_list li .p2{width: 470px;}
.ser_o_list li .p2 h2{font-size: 30px;color: #333;
    background: url(/images/xr_btn.png) left center no-repeat;padding: 0 0 0 40px;line-height: 70px;}
.ser_o_list li .p2 .p3 li{line-height:30px;font-size: 18px;padding: 0 0 0 20px;color: #666;margin: 0;
    background: url(/images/li_doit.png) 0 10px no-repeat;}
.ser_o_list li .p1:hover{background:#ec6702; }
.ser_o_list li .p2 .p3 li:hover{background: url(/images/li_doit.png) 0 -44px no-repeat;}

/*case_out*/
.case_out .ho_tit_all{background: #f2f2f2;height: 150px;padding: 30px 0 0;}

.picScroll-left{ width:100%;  overflow:hidden; position:relative;height: auto;}
.picScroll-left .hd{ overflow:hidden;  height:80px;position: absolute;top:50%;width: 100%;z-index: 999999;display: none;margin: -40px 0 0 ;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:30px; height:80px;overflow:hidden;position: absolute;}
.picScroll-left .hd .prev{ background: url(/images/cp_pre.png) 0 0 no-repeat;left: 0;}
.picScroll-left .hd .next{ background: url(/images/cp_next.png) -30px 0 no-repeat;right: 0;}
.picScroll-left .hd ul{font-size:0;display:none;overflow:hidden;height:0;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left:hover .hd{display: block;}

.case_o_list li{width: 370px;float: left;display: inline-block;margin: 0 25px 0 0;}
.case_o_list li a{display: block;}
.case_o_list li a .pic{display: block;width: 100%;height: 240px;overflow: hidden;}
.case_o_list li a .pic img{display: block;width: 100%;height:auto;min-height: 240px;}
.case_o_list li a .txt{margin: 10px 0 0;width: 330px;padding: 15px 20px;line-height: 30px;font-size: 20px;
    height: 60px;background:#b4000a;text-align: center;color: #fff; }
.case_o_list li a:hover .txt{background: #ec6702; }

.case_in_list{margin: 0 0 0 -25px;}
.case_in_list li{margin: 0 0 25px 25px;}
/*about_out*/
.about_out{width: 100%;height: 300px;background:#b4000a;text-align: center; }
/*.about_out .box{background: url(/images/abt_bg.png) center 100px no-repeat;height: 300px;}*/
.about_out .tit{display: inline-block;margin: 50px auto 30px;}
.about_out .txt p{color: #fff;font-size: 20px;}
/*base_out*/
.base_out{margin: 0 0 0 -10px;}
.base_out a{display: block;margin: 0 0 10px 10px;}
.base_out a img{width: 100%;display: block;}
.base_out a.p1{width: 630px;height: 280px;}
.base_out a.p1 img,.base_out a.p2 img{height: 280px;}
.base_out a.p2{width: 520px;height: 280px;}
.base_out a.p3{width: 350px;height: 240px;}
.base_out a.p4{width: 440px;height: 240px;}
.base_out a.p3 img,.base_out a.p4 img{height: 240px;}
/*footer*/
.footer{width: 100%;height: auto;background: #ec6702;overflow: hidden;}
.footer .news{padding: 20px 0 0px;background: #b4000a;}

.txtScroll-top{ width:100%;  overflow:hidden; position:relative; height: 120px;}
.txtScroll-top .hd{ overflow:hidden;  height:0; font-size: 0;display: none; }
.news_o_list li{display: block;margin: 0 0 20px;height: 40px;}
.news_o_list li a{width: 540px;padding: 0 40px 0 0;color: #fff;font-size: 18px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.news_o_list li a span{width: 80px;height: 40px;text-align: center;display: inline-block;margin: 0 10px 0 0;
    line-height: 40px;color: #fff;background: #ec6702;font-size: 18px;}

.footer .p1{text-align: center;}
.footer .p1 a{width: 158px;height: 28px;border: 1px solid #fff;color: #fff;margin: 0 0 5px 5px;text-align: center;
    display: inline-block;line-height: 28px;}
.footer .p1 a:hover{background: #b4000a;border: 1px solid #b4000a;}
.footer .p2{width: 440px;}
.footer .p2 a{width: 320px;height: 130px;display: block;background: url(/images/fot_logo.png) left center no-repeat;display: inline-block;}
.footer .p3{width: 570px;}
.footer .p3 dt{font-size: 20px;line-height: 40px;color: #fff;margin: 0 0 10px 0;
    background: url(/images/fot_line.png) left bottom no-repeat;}
.mR120{margin: 0 120px 0 0;}
.footer .p3 dd{color: #fff;line-height: 30px;}
.footer .p3 dd span{width: 30px;height: 30px;display: inline-block;}
.footer .p3 dd.d_1 span{background: url(/images/fot_1.png) left center no-repeat;}
.footer .p3 dd.d_2 span{background: url(/images/fot_2.png) left center no-repeat;}
.footer .p3 dd.d_3 span,.footer .p3 dd.d_4 span{background: url(/images/fot_3.png) left center no-repeat;}
.footer .p4{width: 120px;}
.footer .p4 dt{font-size: 20px;line-height: 40px;color: #fff;margin: 0 0 10px 0;
    background: url(/images/fot_line.png) left bottom no-repeat;}
.footer .p4 dd img{width: 120px;height: 120px;display: block;}
.footer .p4 dd p{color: #fff;font-size: 12px;text-align: center;line-height: 30px;}
.footer .link{color: #fff;width: 1120px;height: auto;padding: 20px 20px 20px;border: 1px solid #fff;}
.footer .link span{line-height: 30px;display: inline-block;width: 80px;}
.footer .link div{width: 1030px;}
.footer .link a{color: #fff;padding: 0 10px 0 0;line-height: 30px;display: inline-block;}
.footer .link a:hover{text-decoration: underline;}
.footer .bot{background: #b4000a;line-height: 40px;text-align: center;color: #fff;text-transform: uppercase;}
.footer .bot a{color: #fff;}
/*bread_box*/
.bread_box .ho_tit_all{background: #f2f2f2;height: 150px;padding: 30px 0 0;}
/*sublist*/
.sublist{text-align: center;margin: 30px auto 0;width: 1160px;}
.sublist li{display: inline-block;}
.sublist li a{width: 140px;height: 36px;line-height:36px;text-align: center;color: #666;font-weight: bold;
    display: block;border: 2px solid #ccc;margin: 0 5px 10px;}
.sublist li:hover a,.sublist li.on a{color:#b4000a;border: 2px solid #b4000a;}
/*内页*/
/**/
.contact_box dt{background: #b4000a;height: 40px;line-height: 40px;
    -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;-o-border-radius: 20px; border-radius: 20px;
    width: 200px;text-align: center;color: #fff;margin: 0 auto 10px;}
.contact_box dd{text-align: center;font-size: 34px;}
.contact_box dd img{width: 140px;height: 140px;display: block;margin: 0 auto;}
.contact_box dl{margin: 0 0 30px;}
/**/
.txt_model_1 img{max-width: 100%;}
.ser_in_box{border: 1px solid #ccc;padding: 38px;margin: 0 0 30px;}
.ser_in_box,.ser_in_box p{color: #666;line-height: 30px;}
/*honor*/
.tea_act_one{margin: 0 0 0 -25px;}
.tea_act_one a{width:370px;display: inline-block;height:auto;float: left;margin: 0 0 25px 25px;}
.tea_act_one a .txt{height: 60px;line-height: 60px;text-align: center;background:#f5f5f5;color: #333;margin: 10px 0 0;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.tea_act_one a img{width: 100%;height: 210px;}
.tea_act_one a:hover .txt{background:#b4000a; color: #fff;}
/*新闻中心*/
.newslist{margin: 0 0 0 -25px;}
.newslist li{ float: left;margin: 0 0 25px 25px;}
.newslist li a,.newslist li{width: 370px;display: inline-block;}
.newslist li a .pic,.newslist li a .pic img{width: 370px;height: 250px;display: block;overflow: hidden;}
.newslist li a .txt{width: 290px;height: 130px;background: #fff;padding: 10px 40px 20px;text-align: center;
    margin: 10px 0 0;}
.newslist li a .txt h2{font-size: 18px;line-height: 30px;height: 80px;overflow: hidden;color: #333;}
.newslist li a .txt span{width: 150px;height: 40px;background:#b4000a;display: inline-block;line-height: 40px;color: #fff;
    -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;-o-border-radius: 20px; border-radius: 20px;}
.newslist li a:hover .txt span{background: #ec6702;}
.newslist li a .pic:hover img{-ms-transition: all 320ms ease-out 0s-moz-transition: all 320ms ease-out 0s;-webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;
    transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand');
    background-position:center;}
/*新闻详细页*/
.news_dis{border: 1px solid #ccc;}
.news_dis .top{border-bottom: 1px solid #ccc;padding: 29px;}
.news_dis .tit{font-size: 24px;text-align: center;margin-bottom:10px;color:#333;}
.news_dis .protime{text-align:center;height: 40px;line-height: 40px;}
.news_dis .protime span i,.news_dis .protime span em{color:#b4000a;}
.news_dis .p_style{padding: 30px 30px 60px;}
/**/
.prod_box_in{border: 1px solid #ccc;padding: 29px;margin: 0 0 25px;}
.prod_in_list{margin: 0 0 0 -25px;}
.prod_in_list li{float: left;display: inline-block;width: 370px;margin: 0 0 25px 25px;}
.prod_in_list li a .pic{overflow: hidden;border: 1px solid #ccc;padding: 9px;display: block;width: 350px;height: 220px;
    display: table-cell;vertical-align: middle;text-align: center;}
.prod_in_list li a .pic img{max-width: 100%;max-height: 220px;display: block;vertical-align: middle;margin: 0 auto;}
.prod_in_list li a .txt{margin: 10px 0 0;width: 330px;padding: 15px 20px;line-height: 30px;font-size: 20px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;
    height: 30px;background:#b4000a;text-align: center;color: #fff; }
.prod_in_list li a:hover .txt{background: #ec6702; }

/*pro_dis_t*/
.pro_dis_t{border: 1px solid #ccc;line-height:100px;text-align: center;font-size: 24px;}
.pro_dis_b .dis{width: 570px;}
.pro_dis_b .cans{width: 550px;}
.pro_dis_b .cans .tit{font-size: 24px;padding: 10px 0 20px;border-bottom: 1px solid #ccc;margin: 0 0 20px;}
.pro_dis_m .tit{line-height: 60px;font-size: 20px;border: 1px solid #ccc;margin: 0 0 10px;text-align: center;}
.pro_dis_m .dis{padding: 29px;border: 1px solid #ccc;}
/**/
.slideBox-prdin{ width:570px; height:400px; overflow:hidden; position:relative; }
.slideBox-prdin .hd{ height:10px; overflow:hidden; z-index:1;width: 100%; position: absolute;left: 0;bottom: 20px;}
.slideBox-prdin .hd ul{ overflow:hidden; zoom:1; text-align: center; width: 100%;height: 10px;}
.slideBox-prdin .hd ul li{margin:0 5px;  -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%;
    font-size: 0;display: inline-block;
    width:10px; height:10px; line-height:10px; text-align:center; background:#f5f5f5; cursor:pointer; }
.slideBox-prdin .hd ul li.on{ background:#b4000a;}
.slideBox-prdin .bd{ position:relative; height:100%; z-index:0;   }
.slideBox-prdin .bd li{ zoom:1; vertical-align:middle; }
.slideBox-prdin .bd img{  display:block;margin: 0 auto;height: 400px;width: auto;max-width: 570px; }

.xc_video {
    width: 1100px;
    height: 620px;
    margin: 30px auto 30px;
}

/*
#b4000a 红色   #ec6702  橙色
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;
-ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;-o-border-radius: 15px; border-radius: 15px;
-ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;-o-border-radius: 50%; border-radius: 50%;
-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);  
-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); 
-ms-filter: grayscale(1);-moz-filter:grayscale(1);-webkit-filter:grayscale(1);-o-filter: grayscale(1);filter:grayscale(1);
透明  filter:alpha(opacity=80);-ms-opacity:0.8;-moz-opacity:0.8;-webkit-opacity:0.8;-o-opacity:0.8;opacity: 0.8;

-ms-transition: all 320ms ease-out 0s;-moz-transition: all 320ms ease-out 0s;
  -webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;
 */
/*  
    background: -webkit-linear-gradient(left, #00DAEE, #00EA8F);
    background: -o-linear-gradient(left, #00DAEE, #00EA8F);
    background: linear-gradient(to right, #00DAEE, #00EA8F);

    .rotate_img li a:hover img{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg); 
      -ms-transition: all 320ms ease-out 0s;-moz-transition: all 320ms ease-out 0s;-webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;}

    .boost_img li:hover img{-ms-transition: all 320ms ease-out 0s-moz-transition: all 320ms ease-out 0s;-webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;
      transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2); 
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; 
      filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); 
      background-position:center}

    .hd_empty{font-size:0;display:none;overflow:hidden;height:0;width: 0;}

    .mask_black{background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;display: block;}

    .txt_elip{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}

    .filter_img li a:hover img{filter:alpha(opacity=80);-ms-opacity:0.8;-moz-opacity:0.8;-webkit-opacity:0.8;-o-opacity:0.8;opacity: 0.8;}

    .gray_img li a:hover img{-ms-filter: grayscale(1);-moz-filter:grayscale(1);-webkit-filter:grayscale(1);-o-filter: grayscale(1);filter:grayscale(1);
      -ms-transition: all 320ms ease-out 0s;-moz-transition: all 320ms ease-out 0s;
      -webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;}

    字体  font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif;
    
    空格  span style='white-space:pre;
    背景  background:transparent;   透明
          background: url(/images/phone.png) left center no-repeat;
          background: radial-gradient(white, #EEF6F9);   渐变
          background-attachment: fixed;    背景固定
          background-clip:content-box;     背景裁剪  border-box 背景被裁剪到边框盒。 padding-box 背景被裁剪到内边距框。 content-box 背景被裁剪到内容框。
          background-size:80px 60px;       背景大小  length值    percentage百分比    cover完全覆盖    contain完全适应
    边框  border: medium double rgb(250,0,255) 
          borde-with: thin细的边框。 medium  默认;中等的边框。thick粗的边框。length宽度。inherit规定应该从父元素继承边框宽度。
          border-style: dotted点状边框。   dashed虚线。solid 实线。  double 双线。               groove  3D凹槽边框。
                        ridge 3D垄状边框。 inset 3Dinset边框。       outset 3Doutset边框。
    边框图片  border:15px solid transparent;border-image:url(/i/border.png) 30 30 round;
              border-image-source 图片路径。  border-image-slice  图片边框向内偏移。 border-image-width  图片边框的宽度。     
              border-image-outset 边框图像区域超出边框的量。                         border-image-repeat 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。
    轮廓线 outline:#00ff00 dotted thick;
    大写  text-transform: uppercase;
    行内  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;
    圆角  -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;-o-border-radius: 15px; border-radius: 15px;
    阴影  box-shadow:4px 2px 6px 6px #333333 inset;
          h-shadow  必需。水平阴影的位置。允许负值。  v-shadow  必需。垂直阴影的位置。允许负值。  
          blur  可选。模糊距离。                      spread  可选。阴影的尺寸。 
          color 可选。阴影的颜色。                    inset 可选。将外部阴影 (outset) 改为内部阴影。
    文本  text-shadow: X-Offset Y-Offset blur color;
    hd为空 {font-size:0;display:none;overflow:hidden;height:0;}
    分列  columns:100px 3;
*/

/*
H5基本样式
缩放  -ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);  
      scale(x,y)  定义 2D 缩放转换。                    scale3d(x,y,z)  定义 3D 缩放转换。 
      scaleX(x)   通过设置 X 轴的值来定义缩放转换。     scaleY(y) 通过设置 Y 轴的值来定义缩放转换。 
      scaleZ(z)   通过设置 Z 轴的值来定义 3D 缩放转换。
旋转  -ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); 
      rotate(angle)   定义 2D 旋转，在参数中规定角度。  rotate3d(x,y,z,angle) 定义 3D 旋转。 
      rotateX(angle)  定义沿着 X 轴的 3D 旋转。         rotateY(angle)  定义沿着 Y 轴的 3D 旋转。  
      rotateZ(angle)  定义沿着 Z 轴的 3D 旋转。
位移  -ms-transform:translateX(45px);-moz-transform:translateX(45px);-webkit-transform:translateX(45px);-o-transform:translateX(45px);transform:translateX(45px);    
      translate(x,y)  定义 2D 转换。                    translate3d(x,y,z)  定义 3D 转换。 
      translateX(x)   定义转换，只是用 X 轴的值。       translateY(y) 定义转换，只是用 Y 轴的值。 
      translateZ(z)   定义 3D 转换，只是用 Z 轴的值。
倾斜  -ms-transform:skew(160deg,160deg);-moz-transform:skew(160deg,160deg);-webkit-transform:skew(160deg,160deg);-o-transform:skew(160deg,160deg);transform:skew(160deg,160deg);     
      skewX(angle)  定义沿着 X 轴的 2D 倾斜转换。       skewY(angle)  定义沿着 Y 轴的 2D 倾斜转换。
      skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的 2D 倾斜转换。
过渡  -ms-transition: all 320ms ease-out 0s;-moz-transition: all 320ms ease-out 0s;
      -webkit-transition: all 320ms ease-out 0s;-o-transition: all 320ms ease-out 0s;transition: all 320ms ease-out 0s;
灰度  -ms-filter: grayscale(1);-moz-filter:grayscale(1);-webkit-filter:grayscale(1);-o-filter: grayscale(1);filter:grayscale(1);
透明  filter:alpha(opacity=80);-ms-opacity:0.8;-moz-opacity:0.8;-webkit-opacity:0.8;-o-opacity:0.8;opacity: 0.8;
为 3D 转换元素定义透视视图。 perspective(n)
*/

/*
时间差先后顺序     
data-300-center-top="transform: scale(0.8); opacity: 0" data-300-center-center="transform: scale(1); opacity: 1"    变大小
data-100-bottom-center="transform: rotateY(-90deg); opacity: 0" data-100-center-center="transform: rotate(0); opacity: 1" 旋转
data-100-bottom-top="transform: translateX(-200px); opacity: 0" data-center-top="transform: translateX(0px); opacity: 1"  左右-收拢效果
tdata-100-bottom-top="transform: translateY(200px); opacity: 0" data-center-top="transform: translateY(0px); opacity: 1"  上下-收拢效果
data-bottom-top="max-width: 200px;" data-bottom-bottom="max-width: 600px;"  变长短
300》200》100

data-wow-delay="0.5s"
*/

/*
animation 动画示例
.balloon > div:nth-child(1) {background: rgba(182, 15, 97, 0.9);left: 0;box-shadow: inset 10px 10px 10px rgba(135, 11, 72, 0.9);
  -moz-animation: balloon1 6s ease-in-out infinite;-o-animation: balloon1 6s ease-in-out infinite;}
@-webkit-keyframes balloon1 {
  0%,100% {-webkit-transform: translateY(0) rotate(-6deg);}
  50% {-webkit-transform: translateY(-20px) rotate(8deg);}}
@-moz-keyframes balloon1 {
  0%,100% {-moz-transform: translateY(0) rotate(-6deg);}
  50% {-moz-transform: translateY(-20px) rotate(8deg);}}
@-o-keyframes balloon1 {
  0%,100% {-o-transform: translateY(0) rotate(-6deg);}
  50% {-o-transform: translateY(-20px) rotate(8deg);}}
@keyframes balloon1 {
  0%,100% {transform: translateY(0) rotate(-6deg);}
  50% {transform: translateY(-20px) rotate(8deg);}}
*/


/*
<div class="parallax-image-wrapper" data-anchor-target="#page-intro" data-bottom-top="transform:translateY(200%)" data-top-bottom="transform:translateY(0)">
    <div class="parallax-image" style="background-image:url(assets/images/coast.jpg)" data-anchor-target="#page-intro" 
         data-bottom-top="transform: translateY(-80%);" data-top-bottom="transform: translateY(80%);">
    </div>
</div>
<div id="skrollr-body">
    <div id="page-intro" class="gap" style="background-image:url(assets/images/coast.jpg); ">
        <h1>使用6种不同视觉差特效的HTML5页面设计效果</h1>
    </div>
    <div class="dummy-content">
        <h2>Scroll to see the effect!</h2>
    </div>
</div>


 */