/*=======css reset=======*/
/**{transition:all .5s;}*/
html{overflow-x:hidden; }
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,img{margin:0;padding:0;}
/*body{text-align: center;}*/
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
a{color: #333;text-decoration: none;transition: all .3s;}
a{color:inherit;}
body{font-family: "Microsoft Yahei" !important; font-size: 12px; background: #fff; color: #333;}
li{list-style: none;}
.alignright{float: right;}
body{cursor: default;}
.clear{clear: both;height: 0px;overflow: hidden;width: 0px;}
/*html5 ele*/
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; }
/*webkit scroll*/
::-webkit-scrollbar-track-piece {background-color:#f5f5f5;border-left:1px solid #d2d2d2;}
::-webkit-scrollbar {width:8px;height:13px;}
::-webkit-scrollbar-thumb {background-color:#c6c6c6;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background-color:#de0100;}
/*ie scroll*/
@-ms-viewport {width:device-width;}
/*padding不影响宽高*/
/** {
    box-sizing: border-box;
}*/

/*更改鼠标选中颜色*/
::selection { background:#fe0000; color:#fff;}
::-moz-selection { background:#fe0000; color:#fff;}
::-webkit-selection { background:#fe0000; color:#fff;}

/*更多*/
.more{}
.more:hover{color: #ea7c1a;}
.f-cb {
    zoom: 1;
}

/*间距*/
.mt5{margin: 5px 0 0 0;}
.mt10{margin: 10px 0 0 0;}
.mt15{margin: 15px 0 0 0;}
.mt20{margin: 20px 0 0 0;}
.mt25{margin: 25px 0 0 0;}
.mt30{margin: 30px 0 0 0;}
.mt35{margin: 35px 0 0 0;}
.mt40{margin: 40px 0 0 0;}
.mt50{margin: 50px 0 0 0;}
.mt60{margin: 60px 0 0 0;}
.mt70{margin: 70px 0 0 0;}
.mt80{margin: 80px 0 0 0;}
.mt90{margin: 90px 0 0 0;}514235
.mb20{margin: 0 0 20px 0;}
.ml70{margin-left: 70px;}

/*字体*/
.f12 {font-size:14px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f20 {font-size:20px;}
.f24 {font-size:24px;}
.f30 {font-size:30px;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.t2 {text-indent:2em;}
.lh150 {line-height:150%;}
.lh180 {line-height:180%;}
.lh200 {line-height:200%;}
.unl {text-decoration:underline;}
.no_unl {text-decoration:none;}
.h_unl:hover{text-decoration:underline}

@font-face { 
  font-family:'eng'; 
  src: url('eng.otf'); 
}
@font-face { 
  font-family:'cuya'; 
  src: url('cuya.ttf'); 
}
.eng{font-family: "eng";}
.cuya{font-family: "cuya";}

@font-face { 
  font-family:'shijian'; 
  src: url('cuya.ttf'); 	
}
.shijian{font-family: "shijian";}


/*对齐*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.nomar{margin-right: 0px !important;}

.wrap{width:1100px;margin:0 auto;clear: both;}
.wrap1200{width:1200px;margin:0 auto;clear: both;}
.wrap1000{width:1004px;margin:0 auto;clear: both;}
.wrap1300{width:1298px;margin:0 auto;clear: both;}




.top{background:#006bbd;height:36px;}
.top-left{color:#fff;line-height:36px;float:left;margin-left: 15px;}
.top-right{color:#fff;line-height:36px;float:right;margin-right: 15px;}
.top-right a{color:#fff; margin:0 5px;}
.top-right a:hover{text-decoration: underline;}
#nav-header{height:128px;width:100%;text-align: center;}
.logo{display:block;float:left;margin-top: 19px;}
.logo:hover{margin-left: 10px;}
.ttel {background:url(ttel.gif) no-repeat right center;padding-right: 50px;text-align: right;margin-top: 40px;}
.ttel p{font-size: 14px;color: #e9342b;}
.ttel h3{font-size: 30px;color: #111;}
.nav-ul{position: absolute;z-index: 9999;background: url(navbg.png) no-repeat top center;width: 1000px;padding: 0 50px;top: 190px;}
.nav-ul li { width: auto;  text-align: center; font-size: 16px; color: #fff500; float: left; margin-right: 11px;position: relative;}
.nav-ul li a { color: #fff;transition: all .3s;display: block;    padding: 21px 18px;}
.nav-ul li a:hover { background: #b52922;}
.nav-ul li.hover a{ background: #b52922;}
.nav-ul li .second-div{position:absolute;left:-239px;top:63px;z-index: 99999;width: 1029px}
.nav-ul li .second-div .second-ul{padding: 10px 5px;background:url(bai.png);display: none;}
.nav-ul li .second-div .second-li{width: 1090px;}
.nav-ul li .second-div .second-li a{display: block;background: no-repeat;border:none;position: relative;width:237px;height: 208px;text-align:center;padding: 0px;border-radius: 0px;float: left;text-shadow:none;transition: all .3s;overflow: hidden;transform: skew(0deg);margin:8px 9px}
.nav-ul li .second-div .second-li span{position: absolute;bottom: 0px;left: 0px;width: 237px;background: url(opcity.png);height: 30px;line-height: 30px;font-size: 14px;transform: skew(0deg);}
.nav-ul li .second-div .second-li a:hover span{background: rgba(0,107,189,0.8);}
.nav-ul li .second-div .second-li a img{transition: all 1s;}
.nav-ul li .second-div .second-li a:hover img{transform:scale(1.1,1.1);}

.navbg{width: 100%;height: 51px;line-height: 51px;background:#246aba;border-bottom: 5px solid #dbdbd9;}
.nav-ul2{width: 1200px;margin:auto;}
.nav-ul2 li { width: auto; text-align: center;  float: left; position: relative;margin-bottom: -5px;height: 56px;}
.nav-ul2 li a { color: #fff;padding:0 43px;transition: all .3s;font-size: 16px; display: block;height: 56px;}
.nav-ul2 li a:hover, .nav-ul2 li.hover a{ color: #fff;background: url(navh.jpg) no-repeat center top}
.nav-ul2 li .second-div{position:absolute;left:0px;top:81px;z-index: 99999;}
.nav-ul2 li .second-div .second-ul{display: none;}
.nav-ul2 li .second-div .second-li{width: 191px;}
.nav-ul2 li .second-div .second-li a{display: block;width:191px;height: 40px;line-height:40px;text-align:center;padding: 0px;border-radius: 0px;text-shadow:none;transition: all .3s;overflow: hidden;font-size: 14px;border-bottom:1px solid #e9b518;background: #ffc516;color: #000;}
.nav-ul2 li .second-div .second-li a:hover{background: #3672ba;color: #fff;border-color: #3a8ff4;font-size: 15px;}


/* 
	Resets defualt browser settings
	reset.css
*/
#example{width:600px;height:350px;position:relative;margin:0 auto;}

#slides{position:absolute;top:15px;left:4px;z-index:100;}
#slides .next,#slides .prev{position:absolute;top:107px;left:-90px;width:54px;height:105px;display:block;z-index:101;}
.slides_container{width:567px;height:455px;overflow:hidden;position:relative;}
.slides_container li{width:567px;}
.slides_container li a{transform: inherit;}
.slides_container li a img{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
.slides_container li h3{font-size: 20px;color: #222;text-align: center;margin:10px 0 0;}
.slides_container li p{color: #3b3b3b;font-size: 14px;text-align: center;margin:20px 0 0;}
.slides_container li a:hover img {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transform: scale(1.02,1.02);}
#slides .next{left:615px;}
.pagination{margin:26px auto 0;width:100px;}
.pagination li{float:left;margin:0 1px;}
.pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:url(pagination.png);background-position:0 0;float:left;overflow:hidden;transform: inherit;}
.pagination li.current a{background-position:0 -12px;}


.bt{width:100%;text-align:center;height: 75px;}
.bt a{position:relative;transition:.3s;display:block;background: url(btbg.png) no-repeat center;}
.bt a h3{font-size:30px;color:#d21004;font-weight:bold;transition:all .3s;}
.bt a p{color: #040404;font-size: 30px;text-transform: uppercase;}
.bt a:hover h3{color:#e40303}
.nbt a h3, .nbt a p{color: #fff;}
.nbt a{background: url(btbg1.png) no-repeat center;}


.common_title{width:290px;}
.common_title a.eng{font-size:46px;color:#fd0000;display:block;line-height:46px;font-family:"微软雅黑";background:-webkit-linear-gradient(left,#fd0000,#9e0101);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.common_title a.eng:hover{color:#610280;}
.common_title a.chi{font-size:24px;}

/*产品*/
.m_pro h3{font-size: 14px;color: #666;line-height: 30px;font-weight: normal;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.m_pro .prol{float: left;width: 280px;}
.m_pro .prol .prolist{}
.m_pro .prol .prolist a{background:#fff url(plnav.jpg) no-repeat top left; height:48px;line-height:48px;color: #3c3c3c;font-size: 16px;display: block;text-indent: 20px;margin-bottom: 2px;transition: .5s;}
.m_pro .prol .prolist a:hover,.m_pro .prol .prolist a.cur{background:#fff url(plnav.jpg) no-repeat left -65px;color: #d9281c;padding-left: 10px;font-weight: bold;}
.m_pro .prol .ptel{font-size: 16px;color: #fff;text-align: center;}

.m_pro .f_cb{width: 902px;float: right;}
.m_pro .fc li a{width:210px;height:155px;top:0;left:0;color:#fff;position: relative;display: block;border:5px solid #e1e1e1;overflow: hidden;}
.m_pro .fc li:hover h3{color: #df3724;}
.m_pro .fc li a span {font-size: 14px;color: #fff;width: 96px;height: 38px;line-height: 38px;text-align: center;background: #2b66ad;display: block;position: absolute;right: 0px;bottom: 0px;z-index: 9999;transition: .3s;}
.m_pro .fc li a:hover{    border-color: #df3724;}
.m_pro .fc li i{display: block; width: 24px;height: 16px;position: absolute;top:12px;right:12px; cursor: pointer;}
.m_pro .fc li i img{display: block; width: 24px;height: 16px; }

.m_pro .fc li{float: left;width:215px;_height:155px;position: relative;  display:inline;zoom:1; margin-right:10px;margin-bottom: 10px;}
.m_pro .fc li img{width:210px;height:155px;display: block; position: relative;z-index: 52; transition: .5s;}
.m_pro .cp1{position: relative;}
.m_pro .cp1 a.fl{border:10px solid #e1e1e1;overflow: hidden;width: 200px;height: 150px;}
.m_pro .cp1 a.fl:hover{ border-color: #df3724;}
.m_pro .cp1 a.fl img{width: 200px;height:150px;display: block;transition: .5s;}
.m_pro .cp1 .ptrt{width: 660px;}
.m_pro .cp1 .ptrt a:hover img{margin-left: 7px;}
.m_pro .cp1 h2{font-size: 18px;font-weight: bold;color: #df3724;}
.m_pro .cp1 p{font-size: 14px;height:60px;overflow: hidden;color: #888888;line-height: 26px;text-indent: 28px;}
.m_pro .cp1 a img{transition: .3s;}
.m_pro .cp1 a.fl:hover img{transform:scale(1.05,1.05);}
.m_pro .cp1{background: none;}
.m_pro .cp1 a:hover{background: none;}
.m_pro .fc li a:hover img{transform:scale(1.05,1.05);}
.m_pro .newpro{margin:20px 0;}

/*关于我们*/
.abg{display:block;background:url(abg.jpg) top center no-repeat;padding-top: 1px;}
.abg .fl{width: 506px;margin-top: 10px;}
.abg .fr{width: 498px;}
.apic {width: 444px; height: 310px;background: url(jsslbj.jpg) no-repeat top center;padding: 14px 0 0 62px;}
.atxt a h2{font-size: 28px;color: #005aab;font-weight: bold;text-align: center;padding: 15px 0;}
.atxt p{font-size: 14px;color: #111;text-indent: 28px;line-height: 30px;height: 240px;overflow: hidden;padding-right: 25px;}
.atpic{width: 322px;float: left;text-align: center;padding-top: 80px;}
.industry_item{text-align:center;border-left:#ccc 0px solid;width:166px;float:right;height:166px;color:#fff;font-size:14px;}
.industry_item img{margin:40px auto 12px;display:block;}
.industry_pic a img{margin:0px;}
.bgcheng{background: #ff7c00;}
.bglan{background: #005aab;}
.atr .atbox{margin-top: 168px;float: right;}
.aboxpic{float: right;}


/*案例*/
.casebg{background: #f0f0f0;border-top: 5px solid #eaeaea;}
.case_con h2{ text-align:center; font-size:30px;font-weight: bold;}
.case_con h2 a{ color:#333}
.case_con p{ text-align:center; font-size:12px; color:#666; margin-bottom:40px;}
.case_con .rtCont{position:relative;}
.case_con .rtCont ul{margin:0 auto;width:1100px;overflow:hidden;}
.case_con .rtCont li{margin:10px 7px 0 7px;width:300px;height:290px;float:left;}
.case_con .rtCont li a,.case_con .rtCont li a img{display:block;}
.case_con .rtCont li span{ display:block; width:278px; border:1px solid #ece7e7; height:60px; line-height:60px; border-top:none; padding:0 10px; font-size:14px; color:#333; background:url(sb01.png) no-repeat 245px 13px #fff;transition: .3s;}
.case_con .rtCont li img{transition: .3s;}
.case_con .rtCont li:hover img{ opacity:0.47; filter:alpha(opacity=47)}
.case_con .rtCont li:hover span{ color:#1d5eb3; font-weight:bold; background:url(sb01.png) no-repeat 245px -54px  #fff;}



/*新闻*/
.vbg { background: url(vbg.jpg) no-repeat top center; width: 100%; height: 662px; padding: 1px 0 0; }
.video1 ul li:hover { margin-top: -10px; }
.video1 ul li { float: left; width: 310px; height: 379px; position: relative; display: inline; margin: 0  28px; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
.video1 ul li a { float: left; width: 310px; height: 379px; background: #fff; color: #444444;cursor: pointer; }
.video1 ul li a:hover { float: left; width: 310px; height: 379px; background: #f1280d; color: #ffffff }
.video1 ul li a:hover h5, .video1 ul li a:hover p{color: #fff;}
.video1 ul li a img { display: block; width: 310px; height: 170px; overflow: hidden; }
.video1 ul li a  h5 { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; font-size: 16px; padding: 20px 0 10px 0; font-weight: bold;color: #5b5b5b;}
.video1 ul li a p { padding: 0px 25px; display: block; line-height: 23px; height: 90px; overflow: hidden; font-size: 14px;color: #a5a5a5;text-indent: 28px;}
.video1 ul li a label { float: left; display: inline; margin: 20px 0 0 122px; border: 1px solid #444444; font-size: 14px; padding: 2px 5px; border-radius: 5px; }
.video1 ul li a:hover  label { border: 1px solid #ffffff; }




/*联系*/
.cbg{background: url(cbg.jpg) no-repeat top center;border-top: 2px solid #f0f0f0;margin-top: 15px;}
.contact{display: block;position: relative;height: 509px;}
.cbox {font-size: 17px;color: #000;position: absolute;left: 612px;top: 194px;}
.cbox p{margin-bottom: 19px;}


/*友情链接*/
.yqljBg{padding:10px 0 50px 0; background-color:#252525;border-top: 5px solid #f38900;}
.yqlj .contTit{font-size:16px; font-weight:normal;}
.yqlj .contTit .titA{color:#fff; padding-left:0px; background-image:none;}
.yqlj .contTit span{margin-left:10px; color:#ccc; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.yqlj p{margin-left:10px; margin-top:10px; height:34px; line-height:34px; overflow:hidden;float: left;}
.yqlj p a{padding:0 10px; color:#9c9c9c;}
.yqlj p a:hover{color: #f38900}

#flashs{ position:relative; height:570px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#252525; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#013a65;}

/*底部*/
.footWrap{background:#252525 url(footWrap.png) repeat-x center top;}
.footer{position:relative; height:270px; overflow:hidden;}
.fotNav{margin-left:-18px; height:100px; line-height:100px; font-size:13px;}
.fotNav a{padding:0 43px; background:url(fotNavBr.png) no-repeat left center; color:#fff;}
.fotNav a:hover{color: #f38900;text-decoration: underline;}
.fotNav a.noBl{background-image:none;}
.fotTxt{padding-left:300px; margin-top:14px; width:460px; line-height:25px; color:#ccc; background:url(fotLogo.png) no-repeat left center; font-size: 14px}
.fotTxt a{color:#ccc;}
.ewm{background: url(fphone.png) no-repeat left center;padding-left: 60px;transition: .3s;width: 260px;}
.ewm dd{ margin-right:20px;float: left;width: 110px;}
.ewm dd p{ text-align:center;color: #ccc; }
.ewm:hover{padding-left: 70px;}



/*首页渐出效果*/
.animate-box{opacity:0;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;}
.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

/*END 首页渐出效果*/


/*焦点图*/
.banner{height:559px;width:1920px;margin-left:-960px;left:50%;position:relative;overflow:hidden;}
.fn-clear{zoom:1;}
.box_skitter{position:relative;background:none;}
.box_skitter ul{display:none;}
.box_skitter .container_skitter{overflow:hidden;position:relative;}
.box_skitter .image{overflow:hidden;}
.box_skitter .image img{display:none;}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20;}
.box_skitter .prev_button{position:absolute;top:50%;left:30px;z-index:100;width:57px;height:62px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(prev.png) no-repeat left top!important;}
.box_skitter .next_button{position:absolute;top:50%;right:30px;z-index:100;width:57px;height:62px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(next.png) no-repeat left top!important;}
.box_skitter .label_skitter{z-index:150;position:absolute;display:none;}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(ajax-loader.gif) no-repeat left top;width:31px;height:31px;}
#slideshow{width:100%;height:559px;}
#slideshow ul{display:none;}

.bbg{width: 100%;height: 76px;background: url(bbg.jpg) no-repeat top center;display: block;}


/*优势*/
.mj_youshi{width: 100%;height: 589px;background: url(longma_15.jpg)no-repeat center;}
.mj_youshi h2{text-align: center;padding-top: 70px;color: #ff0000;font-size: 32px;font-weight: normal;}
.mj_youshi h2 span{font-size: 48px;font-weight: bold;}
.mj_youshi h2 i{color: #828282;text-transform: uppercase;padding-left: 10px;font-size: 32px;}
.mj_youshi h2 p{font-size: 16px;color: #fff;}
.youshik{width: 1200px;margin: 85px auto;}
.youshik li{width: 230px;float: left;margin-left: 55px;color: #fff;display: block}
.youshik li img{margin-left: 50px;transition-duration: .8s;}
.youshik li p{font-size: 20px;font-weight: bold;line-height: 60px;text-align: center}
.youshik li i{font-size: 14px;line-height: 24px;text-align: left;}
.youshik li:hover img{transform: rotateY(180deg);transition-duration: .8s;}

/*简介*/
.mj_jianjie{width: 100%;background: url(longma_16.jpg)no-repeat top;overflow: hidden}
.mj_jianjie h2{color: #282828;font-size: 22px;text-align: center;padding-top: 40px; font-weight: normal;}
.jjbjk{width: 1053px;height: 495px;margin: 0 auto;background: url(longma_20.jpg)no-repeat;margin-bottom: 30px;}
.jj_left{width: 105px;padding-top: 40px;margin-left: 70px;}
.jj_left p{color: #2f2f2f;font-size: 26px;}
.jj_left h2{width: 35px;line-height: 24px;color: #fff;font-size: 24px;margin-top: 52px;margin-left: 40px;}
.jj_right{width: 835px;}
.jjnr1{font-size: 14px;width: 830px; height: 50px;overflow: hidden;color: #282828;line-height: 24px;margin-top: 10px;}
.jj_right a{display: block;width: 15px;height: 15px;color: #fff;font-size: 11px;background: #014e90;border-radius: 30px;text-align: center;margin-left: 320px;margin-top: 5px;}
.jj_right a:hover{background: #cb0000;}
.fwfw{width: 340px;height: 315px;overflow: hidden;color: #fff;font-size: 14px;line-height: 24px;float: right;margin-top: 65px;margin-right: 35px;}


/*订单动态*/
.order-dynamic {float:left;width:730px;padding-top:20px;}
.order-dynamic .title {height:50px;line-height:50px;margin-bottom:16px;font-size:22px;border-bottom:1px solid #ccc;}
.order-dynamic .cont {position:relative;width:100%;height:259px;overflow:hidden;}
.order-dynamic .cont ul {position:absolute;top:0;left:0;}
.order-dynamic .cont li {height:37px;line-height:37px;overflow:hidden;}
.order-dynamic .cont li .status {color:#ba1a14;margin-right:26px;background-color:#f3f3f3;padding:2px;}
.order-dynamic .cont li .name {color:#404040;margin-right:26px;}
.order-dynamic .cont li .info {color:#969696;}
.order-dynamic .cont li .info em {margin-right:30px;display:inline-block;height:19px;overflow:hidden;line-height:25px;}
.order-dynamic .cont li .info em:nth-child(1) {width:175px;}
.order-dynamic .cont li .info em:nth-child(2) {width:83px;}
.order-dynamic .cont li .info em:nth-child(3) {width:153px;}
.order-dynamic .cont li .info em:nth-child(4) {width:74px;}

.product-topic {float:right;width:350px;}
.product-topic .title {height:50px;line-height:56px;font-size:20px;border-bottom:1px solid #ccc;margin-bottom:10px;}
.product-topic .title i.iconfont {color:#ba1a14;font-size:22px;margin-right:8px;}
.product-topic .cont {overflow:hidden;}
.product-topic .cont .pic {margin-bottom:5px;}
.product-topic .cont li {float:left;width:150px;height:28px;line-height:28px;}
.product-topic .cont li a {color:#404040;}
.product-topic .cont li a:hover {color:#ba1a14;}
.product-topic .cont .more {color:#404040;line-height:30px;}
.product-topic .cont .more:hover {color:#ba1a14;}
.dark-matter {margin-left:auto;margin-right:auto;max-width:500px;background:#555;padding:20px 30px 20px 30px;font:12px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#D3D3D3;text-shadow:1px 1px 1px #444;border:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.dark-matter h1 {padding:0px 0px 10px 40px;display:block;border-bottom:1px solid #444;margin:-10px -30px 30px -30px;}
.dark-matter h1>span {display:block;font-size:11px;}
.dark-matter label {display:block;margin:0px 0px 5px;}
.dark-matter label>span {float:left;width:20%;text-align:right;padding-right:10px;margin-top:8px;font-weight:bold;}
.dark-matter input[type="text"],.dark-matter input[type="email"],.dark-matter textarea,.dark-matter select {border:none;color:#525252;height:20px;line-height:15px;margin-bottom:8px;margin-right:6px;margin-top:2px;outline:0 none;padding:5px 0px 5px 5px;width:70%;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);background:#DFDFDF;}
.dark-matter select {background:#DFDFDF url('down-arrow.png') no-repeat right;background:#DFDFDF url('down-arrow.png') no-repeat right;appearance:none;-webkit-appearance:none;-moz-appearance:none;text-indent:0.01px;text-overflow:'';width:70%;height:35px;color:#525252;line-height:25px;}
.dark-matter textarea {height:80px;padding:5px 0px 0px 5px;width:70%;}
.dark-matter .button {background:#FFCC02;border:none;padding:10px 25px 10px 25px;color:#585858;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px 1px #FFE477;font-weight:bold;box-shadow:1px 1px 1px #3D3D3D;-webkit-box-shadow:1px 1px 1px #3D3D3D;-moz-box-shadow:1px 1px 1px #3D3D3D;}
.dark-matter .button:hover {color:#333;background-color:#EBEBEB;}




.p_banner{width:100%;height:450px;display:block;padding-top: 1px;}
/*产品导航*/
.pnav{width: 100%;height: 124px;position: relative;padding-top: 1px;margin-top: 155px;}
.pnav ul{margin-top: 30px;text-align: center;}
.pnav ul li {display: inline-block;margin: 0 10px;width: 125px;}
.pnav ul li a{display: block;transition: all .3s;}
.pnav ul li a img{border-radius: 50%;border:4px solid #fff;transition:  1s;width: 125px;height: 125px;}
.pnav ul li a p{text-align: center;font-size: 16px;color: #fff;margin-top: 5px;background: #e9342b;padding: 5px 0;border-radius: 25px;}
.pnav ul li a:hover{transform: translateY(-14px);}
.pnav ul li a:hover img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)}
.pnav ul li a:hover p{background: #006bbd;}
.pnav ul li.hover a{transform: translateY(-14px);}
.pnav ul li.hover a img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)}
.pnav ul li.hover a p{background: #006bbd;}

.bt2 span{text-transform:uppercase;font-size:23px;color:rgb(184,184,184);font-family:Arial,Helvetica,sans-serif;margin:30px 0 5px 30px;float:left;width:100%}
.bt2 h3{float:left;padding:0px 15px;height:33px;display:block;background-color:#de0100;color:rgb(255,255,255);font-size:20px;line-height:162%;text-align:center;font-weight:bold;}
.bt2 p{margin:0 0 0 10px;float:left;height:33px;display:block;background-color:#222;color:rgb(255,255,255);font-size:18px;line-height:33px;text-align:center;padding:0 15px;}

/*about*/
.con{line-height:30px;font-size:14px;}
.about .fl{width:324px;}
.about .fr{width:716px;padding:20px 30px;background:rgb(236,236,236);height: 435px;}
.about .gdt{overflow-y:auto;height: 360px;}
.about .netgao{height: auto;}
.about .aby{position:relative;width:210px;margin-bottom:20px;}
.about .aby span strong{font-size:27px;color:rgb(67,67,67);}
.about .aby p{text-transform:uppercase;font-size:24px;color:rgb(175,177,178);font-family:Times New Roman;height:20px;line-height:20px;overflow:hidden;}
.about .aby i{width:51px;height:51px;background:url(jian_hvl9.png) no-repeat;display:block;position:absolute;right:-51px;top:3px;}
.network{background:rgb(236,236,236);padding: 30px; }

.bass {
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	color: #666;
	width: 100%;
	margin: 20px auto 20px;
	background: #f3f3f3;	
	text-align: right
}
.crumbs{line-height:33px;text-align:right;color: #999;font-size: 14px;}
.crumbs a{display:inline-block;margin: 0 5px;color: #999;font-size: 14px;padding: 0 5px;}
.crumbs a:hover{background:#006bbd;color:#fff;}


/*联系我们*/
.lianxi{padding:15px 0 120px;}
.lianxi .left{width:45%; height:600px; background:#f3f4f8;float: left}
.lianxi .r{width:53%; float: right}
.lianxi .r .book{height:600px; width:100%;}
.lianxi .l .con{padding:10px 7%;}
.lianxi .l .con .en{font-size:45px; text-transform:uppercase; color:#0e68b0 !important; line-height:1; font-family:Impact;}
.lianxi .l .con .cn{font-size:28px; color:#000 !important; border-bottom:1px solid #dcdde1; padding-bottom:20px;}
.lianxi .l .con .item{line-height:40px; padding:12px 0; border-bottom:1px solid #dcdde1; font-size:16px; color:#616161;}
.lianxi .l .con .item span{width:40px; height:40px; display:inline-block; *display:inline; *zoom:1; background:url(lianxi_icon.jpg) no-repeat; background-position:0 0; float:left; margin-right:15px;}
.lianxi .l .con .item .icon2{background-position:-40px 0;}
.lianxi .l .con .item .icon3{background-position:-80px 0;}
.lianxi .l .con .item .icon4{background-position:-120px 0;}
.lianxi .l .con .item .icon5{background-position:-160px 0;}
.lianxi .l .ercode{text-align:center; font-size:16px; color:#616161; margin-top:30px;}
.lianxi .l .ercode .l{width:40%; padding:2%;float: left;}
.lianxi .l .ercode .r{width:40%; padding:2%;float: right}、
/*用户留言*/
.lianxi .r .book{ width: 48%; float: left; }
.lianxi .pt_hd{ padding-bottom: 20px; border-bottom: 1px dotted #acacac; margin-bottom: 20px; } 
.lianxi .pt_hd .pen{ display: block; background: url(message_pen.jpg) no-repeat; width: 72px; height: 69px; margin-right: 15px; float: left}
.lianxi .pt_hd .tit{ font-size: 32px; color: #333; line-height: 1; /*font-family: "KMS_font";*/ margin-bottom: 5px; }
.lianxi .inp_box{ float: left; width: 48%; margin-right: 4%; height: 50px; line-height: 50px; border: 0; background: #f5f5f5; margin-bottom: 20px; }
.lianxi .box2,.lianxi .box4{ margin-right: 0; }
.lianxi .inp{ border: 0; height: 50px; background: none; width: 80%; text-indent: 1em; }
.lianxi .r .book .ico{ display: inline-block; vertical-align: middle; background: url(message_ico.png) no-repeat; width: 30px; height: 28px; }
.lianxi .r .book .ico2{ background-position: -30px 0; }
.lianxi .r .book .ico3{ background-position: -60px 0; }
.lianxi .r .book .ico4{ background-position: -90px 0; }
.lianxi .textarea{ width: 100%; border: 0; background: #f5f5f5; text-indent: 1em; padding-top: 15px; height: 180px; margin-bottom: 10px; }
.lianxi .img_box .inp{ width: 50%; height: 45px; line-height: 40px; text-indent: 1em; background: #f5f5f5; border: 0; margin-right: 10px; }
.lianxi .btn{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #bb1818; font-size: 20px; margin-top: 15px; padding: 0; border-radius: 0; }
.lianxi .img_box img{vertical-align: top;}

/*翻页*/
.pager{display: block; height: auto;padding: 10px 0;text-align: center;width: 100%;}
.pager span,.pager a{display:inline-block;background-color:#eff0f6;padding: 18px 26px;color:#666;vertical-align:middle;}
.pager a:hover{background-color:#f38900;color:#fff;}
.pager .page-num-current{background-color:#f38900;color:#fff; font-weight:bold;}
.pager .page-num-current{background-color:#f38900;color:#fff; font-weight:bold;}
.pager span.dot{background:none;border-color:#fff; font-weight:bold; padding:0;}

/*case列表*/
.caselist {width: 1100px;}
.caselist .hd {width:100%;position:relative;padding-top:1px;}
.caselist .hd  ul{text-align:center;}
.caselist .hd  ul li{display:inline-block;background:#232323;transform:skew(-20deg);margin-right:10px;transition:all .3s;}
.caselist .hd  ul li a{transform:skew(20deg);height:47px;display:block;line-height:47px;color:#fff;font-size:14px;padding:0 17px;}
.caselist .hd  ul li:hover{background:#0368ff;}
.caselist .hd  ul li.hover{background:#0368ff;color:#fff;}
.caselist .list{margin-top: 30px;}
.caselist .list li{float: left;margin:0  15px 23px 0;background: #fff;}
.caselist .list li a{display: block;border:3px solid #e5e5e5;overflow: hidden;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;position: relative;}
.caselist .list li a img{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;display: block;}
.caselist .list li a:hover{border:3px solid #d5d5d5;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
.caselist .list li a:hover img{    -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transform: scale(1.06,1.06);}   
.caselist .list li a div{display: block;text-align: center;font-weight: bold;position: relative;background: url(sha.png) repeat;height: 30px;color: #fff;position:absolute;bottom:0px;width: 345px;transition: .3s;padding-top: 8px;}
.caselist .list li a div h5{font-size: 16px;}
.caselist .list li a div p{font-size: 14px;text-align: left;padding:0 15px;font-weight: normal;margin-top: 10px;line-height: 24px;text-indent: 28px;}
.caselist .list li a:hover div{height: 120px;}
.caselist .list li a .case{display: block;text-align: center;font-weight: bold;position: relative;background: url(orange90.png) repeat;height: 30px;color: #fff;position:absolute;bottom:0px;width: 345px;transition: .3s;padding-top: 8px;}
/*news列表*/
.news-list {width:100%;margin-bottom:40px;margin-top:18px;}
.news-list li {height:196px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dotted #dcdcdc;overflow:hidden;}
.news-list li .pic {float:left;width:282px;height:188px;padding:3px;border:1px solid #e4e4e4;background:#f8f8f8;}
.news-list li .pic img {width:282px;height:188px;}
.news-list li .info {float:right;width:780px;}
.news-list li .info h3 {height:30px;line-height:30px;margin-bottom:12px;overflow:hidden;font-size:18px;}
.news-list li .info h3 a {color:#ba1a14;}
.news-list li .info .desc {max-height:106px;line-height:28px;margin-bottom:10px;overflow:hidden;color:#333;}
.news-list li .info .attr {height:36px;overflow:hidden;}
.news-list li .info .attr span {float:left;margin-right:20px;font-size:13px;margin-top:10px;}
.news-list li .info .attr .icon1 {margin-right:6px;color:#ba1a14;width:15px;height:15px;background:url(hits.png) no-repeat;float:left;}
.news-list li .info .attr .icon2 {margin-right:6px;color:#ba1a14;width:15px;height:15px;background:url(time.png) no-repeat;float:left;}
.news-list li .info .attr .btn-detail {float:right;display:block;width:112px;height:36px;line-height:36px;background:#a6a6a6;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align:center;color:#fff;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.news-list li .info .attr .btn-detail i.iconfont {margin:8px 0 0 8px;width:20px;height:20px;background:url(more.png) no-repeat;float:left;}
.news-list li .info .attr .btn-detail:hover {background:#ba1a14;}


/*新闻内页*/
.news-detail {width:100%;margin-top:25px;margin-bottom:30px;}
.news-detail img{max-width: 100%;}
.news-detail h1 {height:40px;line-height:40px;color:#333;font-size:20px;text-align:center;}
.news-detail .attr {height:36px;line-height:36px;margin-bottom:15px;text-align:center;font-size:12px;}
.news-detail .attr span {margin-right:20px;color:#666;}
.news-detail .attr span a {color:#ba1a14;}
.news-detail .desc {height:72px;line-height:26px;padding:8px;margin-bottom:16px;background:#e8e8e8;font-size:12px;color:#333;overflow:hidden;}
.news-detail .detail {line-height:32px;}
.news-detail .detail p {_text-indent:2em;}
.news-detail .connect {margin:25px 0 35px;}
.news-detail .connect p {height:40px;line-height:42px;color:#ba1a14;border-bottom:1px dashed #dcdcdc;}
.news-detail .connect p a {color:#333333;}
.news-detail .connect p a:hover {color:#ba1a14;}
.news-detail .relevant {width:100%;}
.news-detail .relevant .title {height:18px;line-height:18px;font-size:16px;padding-left:12px;margin-bottom:15px;border-left:2px solid #ba1a14;}
.news-detail .relevant .cont {width:100%;}
.news-detail .relevant .cont ul {width:1215px;overflow:hidden;}
.news-detail .relevant .cont ul li {float:left;width:174px;margin-right:15px;}
.news-detail .relevant .cont ul li .pic {width:168px;height:126px;padding:2px;border:2px solid #e4e4e4;background:#f8f8f8;}
.news-detail .relevant .cont ul li .pic img {width:168px;height:126px;}
.news-detail .relevant .cont ul li h2 {width:100%;height:42px;line-height:21px;text-align:center;}
.news-detail .relevant .cont ul li h2 a {display:block;color:#333333;}
.news-detail .relevant .cont ul li h2 a:hover {color:#ba1a14;}

/*videolist*/
.video-list {margin-top:18px;}
.video-list ul {width:100%;overflow:hidden;}
.video-list ul li {position:relative;float:left;width:350px;height:260px;margin-right:15px;margin-bottom:27px;}
.video-list ul li .pic {width:350px;height:260px;overflow:hidden;}
.video-list ul li .pic img {width:350px;height:260px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.video-list ul li .bg {position:absolute;left:0;bottom:0;width:100%;height:66px;background:#000;opacity:0.6;filter:alpha(opacity=60);}
.video-list ul li .txt {position:absolute;left:0;bottom:0;width:330px;height:66px;padding:0 10px;}
.video-list ul li .txt h3 {width:100%;height:35px;line-height:36px;overflow:hidden; font-size:15px}
.video-list ul li .txt h3 a {color:#fff;}
.video-list ul li .txt .attr {width:100%;height:22px;line-height:22px;}
.video-list ul li .txt .attr .view {float:left;color:#fff;font-size:12px;}
.video-list ul li .txt .attr .view  .icon1 {margin-right:6px;color:#ba1a14;width:22px;height:22px;background:url(play.png) no-repeat;float:left;}
.video-list ul li .txt .attr a.play {float:right;width:46px;height:20px;line-height:20px;;border:1px solid #93989d;color:#93989d;text-align:center;font-size:12px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.video-list ul li:hover .pic img {/*-webkit-transform:scale(1.1);*/  /*-moz-transform:scale(1.1);*/  /*-o-transform:scale(1.1);*/  /*transform:scale(1.1);*/}
.video-list ul li:hover .txt .attr a.play {background:#ba1a14;border-color:#ba1a14;color:#fff;}

/*产品列表*/
.pro_list .pt1{padding:20px 0 10px; background-color:#f4f4f4; }
.pro_list .pt1 .pd{height:auto; overflow:hidden;position:relative;}
.pro_list .pt1 .cat_list{padding-bottom:20px;color:#353535; line-height:20px;font-size:15px;height: 30px;}
.pro_list .pt1 .cat_list .cat_name{margin-right:20px; font-weight:bold; }
.pro_list .pt1 .pro_list a{display:block; float:left; margin-right:15px;_margin-right:35px;}
.pro_list .pt1 .pro_list a i{display:inline-block; *display:inline; *zoom:1; width:17px; height:17px; margin-right:10px; vertical-align:middle; background:url(pro_list_check.png) no-repeat 0 -16px;}
.pro_list .pt1 .pro_list a.active i{background-position:0 0;}
.pro_list .pt1 .para_list{color:#353535; line-height:20px;font-size:15px;}
.pro_list .pt1 .para_list .para_name{margin-right:20px; font-weight:bold; }
.pro_list .pt1 .para_list ._list{padding-bottom:30px;}
.pro_list .pt1 .more{position:absolute; right:0; bottom:20px;font-size:14px; color:#666; cursor:pointer;}
.pro_list .pt1 .more i{padding:0 10px 0 20px;}

.pro_list .pt2{padding-top:20px;}
.pro_list .pt2 .list_con li{margin-bottom:35px;width: 32.33333333%;float: left;margin-right: 1%;}
.pro_list .pt2 .list_con .pd{border:1px solid #d4d4d4; }
.pro_list .pt2 .list_con .img_box{display:block; padding:10px}
.pro_list .pt2 .list_con .tit{font-size:18px; color:#333; line-height:1; margin-bottom:26px; font-weight:bold;height: 36px;}
.pro_list .pt2 .list_con .para_box{margin-bottom:10px; height:30px; overflow:hidden;}
.pro_list .pt2 .list_con .pd .bg{ background-color: #f2f2f2;padding:12px 12px 20px;}
.pro_list .pt2 .list_con .para_box .swidth1{width:55%;border-right: 1px solid #d2d2d2;}
.pro_list .pt2 .list_con .para_box .swidth2{width:35%;}
.pro_list .pt2 .list_con .para_box span{display:inline-block; margin-right:10px; font-size:15px; color:#555; line-height:1; margin-bottom:10px;}
.pro_list .pt2 .list_con .btn_box a{display:block; width:47%; border:1px solid #d2d2d2; font-size:15px; color:#333; line-height:36px; text-align:center;}
.pro_list .pt2 .list_con .btn_box .network_btn{background:#d2d2d2;}
.pro_list .pt2 .list_con .btn_box .ask_btn{background:#eee;}
.pro_list .pt2 .list_con .btn_box a:hover{background:#f38900; border-color:#f38900;}
.pro_list .pt2 .list_con #container{margin-bottom:20px;}
.pro_list .pt2 .list_con .loading_box .gif{width:32px; height:32px; margin:0 auto; background:url(ajax-loader.gif) center center no-repeat; text-align:center;}
/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;*height: auto;}
.rect-61 {padding-bottom: 70%;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}


/*询价公用弹窗*//*used pro_list && pro_detail*/
.uni_pro_list1_box_wrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;}
.uni_pro_list1_box_wrap .box_bg {position:absolute;top:0;left:0;width:100%;height:100%;/*z-index:51;*/background:rgba(0,0,0,.60);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);}
.uni_pro_list1_box_wrap.show {display:block;}
.uni_pro_list1_box {position:absolute;top:50%;left:50%;z-index:51;margin-top:-260px;margin-left:-450px;width:900px;}
.uni_pro_list1_box_con {position:relative;overflow:hidden;background-color:#fff;}
.uni_pro_list1_box_con .box_close_btn {display:block;position:absolute;top:2.6%;right:2.6%;width:40px;height:40px;background:url(pro_box_close.png) center center no-repeat;cursor:pointer;}
.uni_pro_list1_box_con:after {content:'';display:block;position:absolute;top:0;right:0;width:1.32%;height:100%;background-color:#f38900;}
.uni_pro_list1_box .box_lt {position:absolute;width:42%;height:100%;background-color:#eeeeee;}
.uni_pro_list1_box .box_lt_con {padding:6.35% 7%;}
.uni_pro_list1_box .box_lt .img_wrap {display:block;position:relative;height:0;padding-bottom:75%;overflow:hidden;}
.uni_pro_list1_box .box_lt .img_wrap img {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.uni_pro_list1_box .box_rt {float:right;height:520px;}
.uni_pro_list1_box .box_lt .pro_tit {padding-top:7.7%;margin-bottom:5px;font-size:16px;font-weight:bold;font-family:'Microsoft Yahei Bold','Microsoft Yahei',sans-serif;color:#0a2135;margin-bottom:20px;}
.uni_pro_list1_box .box_lt .pro_desc {margin-bottom:15px;font-size:15px;color:#536370;}
.uni_pro_list1_box .box_lt .data_unit {display:inline-block;padding-left:5%;width:44%;margin-left:-1px;border-left:#b8b7b7 1px solid;padding-bottom:15px;}
.uni_pro_list1_box .box_lt .data_unit .data_value {font-family:Arial;}
.uni_pro_list1_box .box_rt {float:right;width:58%;}
.uni_pro_list1_box .box_rt_con {padding:5.6% 5%;}
.uni_pro_list1_box .box_rt_con .box_tit {margin-bottom:10px;line-height:1;font-size:24px;font-weight:bold;font-family:'Microsoft Yahei Bold','Microsoft Yahei',sans-serif;color:#192e40;}
.uni_pro_list1_box .box_rt_con .box_desc {margin-bottom:4%;font-size:15px;color:#57626c;}
.uni_pro_list1_box_wrap .box_form {width:102%;font-size:15px;color:#9f9f9f;}
.uni_pro_list1_box_wrap .uni_inp_wrap,.uni_pro_list1_box_wrap .uni_textarea_wrap {background-color:#f5f5f5;}
.uni_pro_list1_box_wrap .uni_inp_wrap:focus,.uni_pro_list1_box_wrap .uni_textarea_wrap:focus {background-color:#eee;}
.uni_pro_list1_box_wrap input,.uni_pro_list1_box_wrap .uni_textarea_wrap textarea {background-color:transparent;border:none;}
.uni_pro_list1_box_wrap .uni_inp_wrap {position:relative;float:left;margin-bottom:3.5%;margin-right:2.5%;width:47.5%;}
.uni_pro_list1_box_wrap .uni_inp_wrap input {padding:4.2% 6%;height:1.6em;line-height:1.6;}
.uni_pro_list1_box_wrap .uni_inp_wrap:after {content:'';display:block;position:absolute;top:50%;right:12px;margin-top:-12px;width:24px;height:24px;background:url(uni_pro_form_ico.png) 0 0 no-repeat;}
.uni_pro_list1_box_wrap .uni_inp_wrap.box_inp2:after {background-position:-24px 0;}
.uni_pro_list1_box_wrap .uni_inp_wrap.box_inp3:after {background-position:-48px 0;}
.uni_pro_list1_box_wrap .uni_inp_wrap.box_inp4:after {background-position:-72px 0;}
.uni_pro_list1_box_wrap .uni_textarea_wrap {float:left;margin-bottom:3.5%;width:97.5%;}
.uni_pro_list1_box_wrap .uni_textarea_wrap textarea {display:block;padding:2.1% 3%;width:94%;height:6.4em;line-height:1.6;}
.uni_pro_list1_box_wrap #box_submit {display:none;/*width:134px;height:38px;line-height:38px;font-size:15px;opacity:.8;color:#fff;text-align:center;*/}
.uni_pro_list1_box_wrap .box_form {margin-bottom:25px;}
.uni_pro_list1_box_wrap .box_rt .tel_wrap .tel_tit {color:#0a2135;}
.uni_pro_list1_box_wrap .box_rt .tel_wrap .tel_num a {display:inline-block;margin-right:19px;font-size:22px;font-family:Arial;color:#fd961e;}
.uni_pro_list1_box_wrap .box_rt .tel_wrap .tel_num a:hover {color:#fda203;}
.uni_pro_list1_box_wrap .uni_btn {background:#f38900;height:40px;line-height:40px;width:140px;text-align:center;color:#000;display:block;}
.uni_pro_list1_box_wrap .uni_btn .t {vertical-align:middle;margin-right:10px;}
.uni_pro_list1_box_wrap .uni_btn .sj {display:inline-block;width:6px;height:40px;background:url(uni_btn1_arr.png) 0 center no-repeat;vertical-align:middle;}




/*foot营销*/
.product_pt3 {padding-top:40px}
.txt_box {width:790px;margin:0 auto;text-align:center;}
.txt_box .part_tit {font-size:26px;font-weight:bold;margin-bottom:15px;}
.txt_box .part_tit .black {color:#000000;}
.txt_box .part_tit .red {color:#D71519;}
.txt_box .part_dec {line-height:1.8em;margin-bottom:30px;}
.product_pt3 .pt3_bottom {padding-top:40px;padding-bottom:60px;}
.product_pt3 .ptb_li {text-align:center;position:relative;width: 23%;float: left;margin-right: 2%;}
.product_pt3 .ptb_li a:hover {color: #ff2d31;}
.product_pt3 .ptb_li:after {content:'';position:absolute;right:0;top:0;width:9px;height:161px;background:url("pt3_after.png");}
.product_pt3 .ptb_li.ptb_li4:after {display:none;}
.product_pt3 .ptb_li .bottom_txt .tit {font-size:22px;padding-top:10px;padding-bottom:5px;}
.product_pt3 .ptb_li .bottom_txt .dec {font-size:16px;}
.row:before,.row:after{display:table;clear:both;content:''}


/*产品详情*/
.pro_dels { padding-top:10px}
.pro_dels .pro_bread{font-size: 13px;color: rgba(59,59,59,0.5);margin: 45px 0 30px;}
.pro_dels .pro_bread .ion{font-size: 12px;margin: -3px 5px 0;}
.pro_dels .pro_pt01 .left{float: left;width: 50.833%;margin-bottom: 50px;}
.pro_dels .pro_pt01 .right{float: right;width: 49%;}/*49.167*/

/*.pro_dels .left{border:1px solid #000;}*/
.pro_dels .left .bigimg{margin-bottom: 30px;}
.pro_dels .left .bigimg img{width: 100%;}
.pro_dels .left .smalimg li{float: left;border: 1px solid #e9e9e9;cursor: pointer;position: relative; width:23%;}
.pro_dels .left .smalimg li img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
.pro_dels .left .p_cover{width: 100%;height: 100%;background: rgba(255,255,255,.5);position: absolute;top: 0;left: 0;}
.pro_dels .left .smalimg .arrs{width:30px; height:30px; background-image:url(s_arr.png); background-repeat:no-repeat; top:50%; margin-top:-15px;}
.pro_dels .left .smalimg .arrs.arr_prev{background-position:0 0; left:0;}
.pro_dels .left .smalimg .arrs.arr_next{background-position:-30px 0; right:0;}

.det{background: rgba(255,255,255,0)!important;}

.pro_dels .right .r_top{padding:40px 0 0 56px;font-size: 41px;}
.pro_dels .right .r_top .tit {font-size: 34px;font-weight: bold;color: #000;line-height: 45px;}
.pro_dels .right .r_top .tit .span_1{color: #f8ac18;margin-right: 10px;line-height: 50px;}
.pro_dels .right .r_top .con{font-size: 15px;color: #4f4f4f;margin-top: 19px;line-height: 22px;padding-bottom: 32px;border-bottom: 1px solid #ebebeb;}

.pro_dels .right .r_center{padding:20px 0 0 56px;color: #4f4f4f;}
.pro_dels .right .r_center .borders{border-bottom: 1px solid #ebebeb;padding-bottom: 20px;}
.pro_dels .right .r_center .infor{font-size: 20px;}
.pro_dels .right .r_center .num{font-size: 18px;font-family: Arial;}
.pro_dels .right .r_center .center1{position: relative;width: 35.254%;}
.pro_dels .right .r_center .center1:after{content: '';width:1px;height: 45px;background: #ebebeb;position: absolute;left:190px;top: 10px;}
.pro_dels .right .r_center .center2{position: relative;width: 25.254%;margin-left: 25px;}
.pro_dels .right .r_center .center2:after{content: '';width:1px;height: 45px;background: #ebebeb;position: absolute;left:140px;top: 10px;}
.pro_dels .right .r_center .center3{position: relative;width: 25.254%;margin-left: 25px;}

.pro_dels .right .r_bottom{margin-top: 40px;padding-left: 56px;color: #4f4f4f;}
.pro_dels .right .r_bottom .bottom_l{font-weight: bold;font-size: 18px;width:18%;line-height:25px ;margin-right: 10px;}
.pro_dels .right .r_bottom .bottom_r{font-size: 16px;width: 68.017%;line-height: 25px;margin-bottom: 40px;}
.pro_dels .right .r_btn{padding-left: 56px;font-weight: bold;margin-bottom: 30px;margin-top: 10px;}
.pro_dels .right .r_btn .r_btn1{width: 188px;height: 56px;font-size: 23px;text-align: center;line-height: 56px;margin-right: 15px;}
.pro_dels .right .r_btn .r_btn1 a{display:block;background-color: #222;color: #ef9200;}
.pro_dels .right .r_btn .r_btn2 a{display:block;background-color: #222;color: #ef9200;}
.pro_dels .right .r_btn .r_btn1 a:hover{color: #fff;background-color: #f8ac18;}
.pro_dels .right .r_btn .r_btn2{width: 188px;height: 56px;line-height: 56px;text-align: center;font-size: 23px;}
.pro_dels .right .r_btn .r_btn2 a:hover{color: #fff;background-color: #f8ac18;}
.pro_dels .right .dels{font-size: 14px;color: #4f4f4f;padding-left: 56px;}
.pro_dels .right .dels i{font-size: 22px;color: #f9bd47;}
.pro_dels .right .dels .p_down{position: relative;left: 80px;}
.pro_dels .right .dels .p_down i{position: absolute;left: -40px;top: -5px;}
.pro_dels .right .dels .p_collect{position: relative;left: 100px}
.pro_dels .right .dels .p_collect i{position: absolute;left: -40px;top: -5px;}
.pro_dels .right .dels .p_share{position: relative;margin-left: 50px;}
.pro_dels .right .dels .p_share i{position: absolute;left: -40px;top: -5px;}
.pro_dels .bdshare-button-style1-32 a{float:none; width:auto; line-height:1.6;height:auto;background:none; text-indent:0;}

/*pro_pt02 滚动监听*/
/*.pro_pt02 {height: 800px;}*/
.pro_pt02 .target_wrap{height: 217px;color: #fff;/*width: 100%;*/}
.demo_Target{width:100%;margin:0 auto;overflow: hidden;*zoom:1;}
.demo_Target .pro_li{float: left;height: 217px;line-height: 275px;margin-left:-1px;text-align: center;width: 33%;position: relative;cursor: pointer;font-size: 18px;background: url(pro_line.png) center 102px; background-repeat: repeat-x;}
.demo_Target.fixed{position: fixed;left: 50%;margin-left: -490px;top:0;z-index: 99;}
.pro_pt02 .target_wrap.fixed {position: fixed;top: 0;z-index: 10;left:0%;/*margin-left: -960px;*/width: 100%;background-size:cover;/*display: none;*/ height:120px;} 
.pro_pt02 .target_wrap.fixed .pro_li{height:120px; line-height:159px; background: url(pro_line.png) center 48px; background-repeat:repeat-x;}
.pro_pt02 .target_wrap.fixed .p_circul{top:41px;}
.demo_Target .active .p_circul{color:#fff;background:#f8ac18;}
.p_sections{/*max-width:1200px;*/padding:10px 0; min-height: 100px;background: #fff;}
.p_circul{width: 15px;height: 15px;border-radius: 10px;background: #fff;position: absolute;top: 95px;left:50%; margin-left:-7.5px;}


.sections2 .bott .li_pic img{height: 209px;}
.sections2{width: 100%; padding-top:0;}
.sections4{padding-top:0;}
.sections2 .p_solve {width: 100%;background:url(pro_solve.jpg)no-repeat center; padding-bottom:30px;}
/* 解决方案 轮播*/
.sections2 .p_solve .solves{max-width:1200px;margin:auto;overflow:hidden; min-height: 433px;}
.sections2 .p_solve .solves li{min-height: 330px;}
.sections2 .p_solve .solves img{width: 100%;}
.sections2 .p_solve .solves .slide_nav{display:block; left: 50%;margin-left: -100px;bottom:0;width: 200px;padding-bottom:30px;margin-top: 20px;}
.sections2 .p_solve .solves .slide_nav a{float: left;width: 16px;height: 16px;border-radius: 10px;overflow:hidden;background:#fff;margin:6;font-size: 0;margin: 0 5px;cursor: pointer;}
.sections2 .p_solve .solves .slide_nav .on{background:#ef9200;}
/*.p_solve .slide_c .left01{width: 50%;}*/
.rect-65{padding-bottom: 65%;}
.sections2 .p_solve  .slide_wrap{height: auto!important;}
.sections2 .p_solve  .left01{background: #fff;}
.sections2 .p_solve  .left01 .li_pic{width:47%;}
.sections2 .p_solve  .left01 .font01{padding: 34px 23px 21px 32px;width: 39.667%;color: #4f4f4f;font-size: 13px;}
.sections2 .p_solve .left01 .font01 .t{font-size: 18px;color: #212121;margin-bottom: 16px;font-weight: bold;}
.sections2 .p_solve  .left01 .font01 .c{margin-bottom: 27px;}
.sections2 .p_solve  .titles{font-size: 36px;font-weight: bold;color: #333;text-align: center;padding: 50px 0 35px; line-height:1;}
.sections2 .p_solve .solves .right01{background: #fff;}
.sections2 .p_solve .solves .right01 .font01{padding: 34px 23px 21px 32px;width: 39.667%;color: #4f4f4f;font-size: 13px;}
.sections2 .p_solve .solves .right01 .font01 .t{font-size: 18px;color: #212121;margin-bottom: 16px;font-weight: bold;}
.sections2 .p_solve .solves .right01 .font01 .c{margin-bottom: 27px;}

.sections1 .p_solve  .titles{font-size: 36px;font-weight: bold;color: #333;text-align: center;padding: 20px 0 20px; line-height:1;}
.sections1 { font-size:18px; color:#000;line-height: 35px;}

/* Tables
---------------------------------- */
.sections1 .table {background-color:#f8f8f8; font-size:16px;width: 100%;max-width: 100%;margin-bottom: 20px;}
.sections1 .table .firstRow {background-color:#f7ac1b;color: #ffffff;}
.sections1 .table .towRow {background-color:#f0f0f0;}
.sections1 .table .threetowRow {background-color:#ffffff; font-size:18PX}
.sections1 .table .towRowtxt { text-align:center !important; font-weight:bold;}
.sections1 .table >thead >tr >th, .table >tbody >tr >th, .table >tfoot >tr >th, .table >thead >tr >td, .table >tbody >tr >td, .table >tfoot >tr >td {padding: 8px;border: 1px solid #c3bfbf;}

/*报价 横向滚动*/
/*.p_sections .sections4{max-width:1;}*/
.price{padding-bottom: 1%;padding:0 46px;position: relative;}
/*.prices {overflow: visible!important;}*/
.sections3 .titles{font-size: 36px;font-weight: bold;color: #333;text-align: center;margin: 21px 0 41px;}
.rect-61518{padding-bottom: 73.518%;}
.prices {height: auto; width:100%; display:none;margin-bottom:2em;}
.prices li {width:31%;/* background:yellow;*/border:1px solid #ededed;}

.prices .scroll_nav{position:absolute;left:0;top:0;font-size: 0;}
/*.prices .scroll_nav .on{color:#39f;}*/
/*.prices .scroll_c{width: 31%!important;}*/
.prices .infor{font-size: 18px;color: #333;text-align:center;padding-bottom:10px;padding-top:10px; background-color:#f3f3f3;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.prices a{display: block;}
.jt_add1,.jt_add{display: none;}
.price .myprev{position: absolute;left: -22px;top: 50%; width:44px; height:85px; background:url(pro_detail_al.png) center center no-repeat;}
.price .mynext{position: absolute;right: -22px;top: 50%; width:44px; height:85px; background:url(pro_detail_ar.png) center center no-repeat;}
.price .myprev:hover{background:url(pro_detail_alh.png) center center no-repeat;}
.price .mynext:hover{ background:url(pro_detail_arh.png) center center no-repeat;}
.jt_show{display: block;}
.jt_hidden{display: none;}
.prices .pri_li{position: relative;}
.prices .pri_li img {max-width: 100%;    height: auto;    vertical-align: top;  border: 0;}
.prices .pri_li .add_after{position: absolute;width: 90%;bottom:0;height:100%;background: #ffcd11;font-size: 16px;color: #333;padding:0 20px 0 20px;top:101%;overflow: hidden;transition: all 0.5s;}
.prices .pri_li:hover .add_after{top: 0;transition: all 0.5s;}
.prices .pri_li .add_after .tit{font-size: 20px;color: #333;padding: 72px 0 18px;font-weight: bold;}

.prices .pri_li .add_after .left,.prices .pri_li .add_after .center{margin-right: 0.73%;}
.prices .pri_li .add_after .left{width: 65.014%;position: relative;border-left: 1px solid #000;padding-left: 10px;margin-bottom: 45px;}

.prices .pri_li .add_after .right{width: 25%;position: relative;border-left: 1px solid #000;padding-left: 10px;margin-bottom: 45px;}
/*.prices .pri_li .add_after .left:before{content: '';position: absolute;left: 20px;}
.prices .pri_li .add_after .center:before{content: '';position: absolute;left: 20px;}
.prices .pri_li .add_after .right:before{content: '';position: absolute;left: 20px;}*/

.prices .pri_li .add_after .btn_l{width: 120px;height: 40px;border:1px solid #000;color: #000;margin-right: 8px;line-height: 40px;}
.prices .pri_li .add_after .btn_r{width: 120px;height: 40px;border:1px solid #000;color: #000;margin-left: 8px;line-height: 40px;}
.prices .pri_li .add_after .btn_l a:hover{color: #ffcd11; background:#000;}
.prices .pri_li .add_after .btn_r a:hover{color:#ffcd11; background:#000;}
.prices .pri_li .add_after .btn_l a{display:block;}
.prices .pri_li .add_after .btn_r a{display:block;}

.scroll{position:relative;overflow:hidden}
.scroll_wrap{position:relative;width:100%;height:100%;}
.scroll_c{float:left;top:0;left:0;height:100%;z-index:1}.scroll_nav{position:absolute;z-index:8}
.arrs{position:absolute;cursor:pointer;z-index:9;-webkit-user-select:none;user-select:none}
.arrs.unable{cursor:default}

.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

.super_li{width: 47%;float: left;margin:0 18px;}
.super_li .left01 .font01 {width: 37.5%;}
.super_li .left01 .font01 .pd{display: block;}
.slideTxtBox .hd{ overflow:hidden;  height:30px; margin-top:30px; }
.slideTxtBox .hd ul{  overflow:hidden; width:100%; text-align:center; font-size:0; }
.slideTxtBox .hd ul li{   width:20px; height:20px; overflow:hidden; margin:0 5px;  cursor:pointer; background:url(pro_detail_circle.png) 0 0 no-repeat; display:inline-block; *display:inline; *zoom:1;}
.slideTxtBox .hd ul li.on{ background-position:0 0; background:url(pro_detail_circle.png) 0 -20px no-repeat;}

.slideTxtBox1 .hd1{ overflow:hidden;  height:30px; background:#fff; padding:0 10px; position: relative; }
.slideTxtBox1 .hd1 ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;position: absolute;left: 50%;margin-left: -14px; }
.slideTxtBox1 .hd1 ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("icoCircle.gif") 0 -9px no-repeat; }
.slideTxtBox1 .hd1 ul li.on{ background-position:0 0; }

.tempWrap {overflow: hidden;position: relative;width: 1200px !important; }
/* btn */
.btn { font-size: inherit; font-weight: normal; line-height: 24px; display: inline-block; margin-bottom: 0; padding: 4px 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; -ms-touch-action: manipulation; touch-action: manipulation;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none;}
.btn:hover, .btn:focus, .btn.focus { text-decoration: none; color: #333;}
.btn:active, .btn.active { outline: 0;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}


/* 内容悬浮导航 */
.pro_info .sub_er ul a { color:#ffffff; }
{position:relative;z-index:20;padding-bottom:5px;}
.pro_info {width:100%;height:110px;background-color:#505050;_background-color:#1a77be;z-index:-1;}
.pro_info .sub_er {position:relative;}
.pro_info .sub_er ul li {float:left;width:14%;padding:0 1%;height:90px;text-align:center;font-size:16px;color:#fff;padding-top:20px;cursor:pointer;}
.pro_info .sub_er ul li .pro_icon {display:inline-block;width:45px;height:43px;white-space:nowrap;letter-spacing:-1em;text-indent:-99em;color:transparent;background:url(bab_index_03.png);}
.pro_info .sub_er ul li:hover {background-color:#ae0a01;_background-color:#f32a0e;}
.pro_info .sub_er ul li.active {background-color:#ae0a01;_background-color:#f32a0e;}
.pro_info .sub_er ul li .pro_icon.pro_icon1 {background-position:2px 0;}
.pro_info .sub_er ul li .pro_icon.pro_icon2 {background-position:-43px 0;}
.pro_info .sub_er ul li .pro_icon.pro_icon3 {background-position:-92px 0;}
.pro_info .sub_er ul li .pro_icon.pro_icon4 {background-position:-140px 0;}

.pro_info .sub_er ul .li05 .pro_icon.pro_icon5 {background-position:-183px 0;}
.pro_info .sub_er ul .li06 .pro_icon.pro_icon6 {background-position:-227px 0;}
.pro_info .sub_er ul .li07 .pro_icon.pro_icon {background-position:-308px 0;}
.pro_info .sub_er ul .li05 .pro_icon {display:inline-block;width:45px;height:43px;white-space:nowrap;letter-spacing:-1em;text-indent:-99em;color:transparent;background:url(bab_index_03.png);}
.pro_info .sub_er ul .li06 .pro_icon {display:inline-block;width:45px;height:43px;white-space:nowrap;letter-spacing:-1em;text-indent:-99em;color:transparent;background:url(bab_index_03.png);}
.pro_info .sub_er ul .li07 .pro_icon {display:inline-block;width:45px;height:43px;white-space:nowrap;letter-spacing:-1em;text-indent:-99em;color:transparent;background:url(bab_index_03.png);}
.pro_info .sub_er ul .li05,.pro_info .sub_er ul .li06,.pro_info .sub_er ul .li07 {float:left;width:14%;padding:0 1%;height:90px;text-align:center;font-size:16px;color:#fff;padding-top:20px;cursor:pointer;}
.pro_info .sub_er ul .li05:hover,.li06:hover,.li07:hover {background-color:#ae0a01;_background-color:#0151a5;}


/* 滚动跟随 */
.target_wrap2{ }
.demo_Target2{width:100%;margin:0 auto;overflow: hidden;*zoom:1;}
.target_wrap2.fixed {position: fixed;top: 0;z-index: 10;left:0%;} 

.prism-player {z-index: 2;}

/* 3D */
.channel_content{padding:50px 0; min-height:200px;}

.deg360 {padding:0;}
.deg360 .stage{height:900px; width:100%; background:url(360.jpg) center top no-repeat;}
.deg360 .stage .wrap1200{position:relative;}
.deg360 .stage .pro_stage{width:1000px; height:468px;float:right; margin-top:360px; position:relative; cursor:move;} 
.deg360 .stage .text_con{position:absolute; left:0; top:280px;}
.deg360 .stage .text_con .tit{font-size:54px; color:#000; line-height:64px;}
.deg360 .stage .text_con .tit span{font-size:64px; font-family:Impact;vertical-align: middle;}
.deg360 .stage .text_con .t1{font-size:26px; color:#333;}
.deg360 .stage .text_con .t2{font-size:15px; color:#5f5d5d; margin-bottom:40px;}
.deg360 .stage .text_con .params{font-size:0; margin-bottom:20px;}
.deg360 .stage .text_con .params .param{display:inline-block; width:38px; font-size:18px; color:#757575; padding:10px 20px; border:1px solid #737578; margin-right:20px;}
.deg360 .stage .pro_stage .zhuanpan{position:absolute; width:990px; left:50%; margin-left:-495px; bottom:0px; z-index:1;}
.deg360  .threesixty{z-index:2;}
.deg360 .pro_stage .mask360{position:absolute; width:230px; height:230px; left:50%; top:50%; margin-left:-115px;margin-top:-115px; background:url(mask360.png) center center no-repeat; z-index:3;}
.deg360 .stage .text_con  .btn_box{width:180px; height:50px; line-height:50px; background:#d32b2f; font-size:16px; color:#fff; text-align:center;}
.deg360 .stage .text_con  .btn_box a{display:block; color:#fff;}
.deg360 .stage .text_con  .btn_box:hover{background:#0267b5;}

.threesixty {position:relative;overflow:hidden;margin:0 auto;}
.threesixty .threesixty_images {display:none;list-style:none;margin:0;padding:0;}
.threesixty .threesixty_images img {position:absolute;top:0;width:100%;height:auto;}
.threesixty .threesixty_images img.previous-image {visibility:hidden;/*           Do not put here any other styles.           It causes massive recalc / repaints and image flickering,especially on Firefox.        */}
.threesixty .threesixty_images img.current-image {visibility:visible;/*           Do not put here any other styles.           It causes massive recalc / repaints and image flickering,especially on Firefox.        */}
.threesixty .spinner {width:60px;display:block;margin:0 auto;height:30px;background:#333;background:rgba(0,0,0,0.7);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.threesixty .spinner span {font-family:Arial,"MS Trebuchet",sans-serif;font-size:12px;font-weight:bolder;color:#FFF;text-align:center;line-height:30px;display:block;}
.threesixty .nav_bar {position:absolute;top:10px;right:10px;z-index:11;}
.threesixty .nav_bar a {display:block;width:32px;height:32px;float:left;background:url(/assets/sprites.png) no-repeat;text-indent:-99999px;}
.threesixty .nav_bar a.nav_bar_play {background-position:0 0 !important;}
.threesixty .nav_bar a.nav_bar_previous {background-position:0 -73px !important;}
.threesixty .nav_bar a.nav_bar_stop {background-position:0 -37px !important;}
.threesixty .nav_bar a.nav_bar_next {background-position:0 -104px !important;}
/* html */.threesixty:-webkit-full-screen {background:#ffffff;width:100%;height:100%;margin-top:0;padding-top:200px;}
.threesixty:-moz-full-screen {background:#ffffff;width:100%;height:100%;margin-top:0;padding-top:200px;}

