@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:14px Arial,"microsoft yahei"; color:#666; background:rgba(255,255,255,1);}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}

a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#ff9f00;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
input, textarea { outline: none; background: none; border: none; }
input::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder { color: #999; }
input::-moz-placeholder { color: #999; }
input:-ms-input-placeholder { color: #999; } 
a { text-decoration: none; color: #999; }
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
.clearfix:after,.gy-center:after{clear:both;content:'';display:table;height:0;}
.fl{ float:left;}
.fr{ float:right;}
.c1200{ width: 1200px; margin:0 auto; position: relative;}

@font-face {font-family:'bw'; src: url('../fons/bw.ttf') format('truetype'); }
@font-face {font-family:'syst'; src: url('../fons/syst.otf') format('truetype'); }


/*nav*/
.header{width: 100%;height:180px;position: fixed;top: 0;z-index:998;   min-width: 1200px;  background-color: rgba(255,255,255,0.8);}
.is-fixed.mod-header {position:fixed;top:0;width:100%;background-color:#14121c;background-color: rgba(255, 255, 255, 0.95);  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.header_c {width:1200px;margin:0 auto;}
.header_logo{ width: 390px; height: 70px; margin: 85px 0 25px;}
.header_logo a{ display: block; width: 390px; height: 70px; background: url(../images/logo.png) center center no-repeat;}
.header_nav{ height:120px; width: 800px; position:relative; z-index:1;}
.header_nav .tel{ width: 100%; margin-top: 15px; height: 90px; text-align: left; padding: 0 60px 0 65px;}
.header_nav .tel p{ display: inline-block; line-height: 30px; margin-left: 25px; font-size: 14px;color: #071130;}
.header_nav .tel span{ font-size: 16px; font-weight: bold; }
.header_nav .tel a.lg{ display: block; position: absolute; right: 0; top: 20px; width: 30px; height: 30px; border-radius: 50%; color: #fff; background-color: rgba(7, 17, 48, 0.7); line-height: 30px; text-align: center; font-size: 12px; text-transform: uppercase;}
.header_nav .tel a.lg:hover{  background-color: #ff9f00;}

.header_nav .nav{ width:100%; text-align: right; margin-top: 10px;}
.nav li{ display: inline-block; width:120px;height:40px; text-align:center;position:relative;line-height:40px;}
.nav li:first-child{background:none;}
.nav li h3 {font-weight:normal; font-size:16px;}
.nav li h3 a{display:block;height:40px;width:120px;font-size:16px;color:#071130;}
.nav li.seced h3 a,.nav li:hover h3 a{color:#ff9f00;/* background:#071130; */ font-weight: bold;}
.nav li:hover a{color:#fff;}
.nav li a.current,.nav li .current{background:#fff;}
.nav .m{z-index:99999;}
.nav .sub{display:none;position:absolute;z-index:99999;width:120px;background-color:rgba(255,255,255,0.95);-webkit-transform-origin: top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin: top center;-ms-transform-origin:top center;-o-transform-origin: top center;transform-origin: top center;text-transform: uppercase;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.nav .sub dt{text-align:center; overflow: hidden;}
.nav .sub dt a{display:block;border-top:1px solid #ddd; font-size:14px; height:40px; line-height:40px; color:#071130;}
.nav .sub dt:first-child a{ border-top:0;}
.nav .sub dt:last-child a{border-bottom:none;}
.nav .sub dt:hover a{ background-color: #ff9f00; border-top-color: #ff9f00; color: #fff;}

/* banner */
.banner {width:100%;position:relative;height:690px;min-width:1200px;}
.banner .bd {margin:0 auto;position:relative;z-index:1;overflow:hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li {width:100% !important;height:690px;overflow:hidden;text-align:center;}
.banner .bd li a{ width:100%; height:690px; display:block;}
.banner .hd {width:100%;position:absolute;z-index:2;bottom:30px;left:0;}
.banner .hd ul {text-align:center;}
.banner .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;border-radius: 50%;  width:10px;height:10px;background-color: rgba(255, 255, 255, 0.6) ;margin:0 8px;overflow:hidden;line-height:999px; z-index: 2;}
.banner .hd ul .on{background-color: rgba(255, 255, 255, 1); -webkit-box-shadow:0 0 10px rgba(0,0,0,1); -moz-box-shadow:0 0 10px rgba(0,0,0,1); box-shadow:0 0 10px rgba(0,0,0,1);}
.banner .bannerIcon{z-index: 0; position: absolute; width: 100%; z-index: 1; height: 70px; bottom: 0; left: 0; }
.banner .bannerIcon .c1200{ height: 70px;}
.banner .prev, .banner .next {display:block !important;position:absolute;top:0;margin-top:0;right:51px;z-index:5;width:50px;height:40px;background-color:rgba(255, 255, 255, 0.6);cursor:pointer;}
.banner .next {right:0;}
.banner .bannerIcon span i{ float: left; width: 12px; height: 12px; margin: 14px 19px; background: url(../images/bannerIcon.png) no-repeat;}
.banner .bannerIcon span:hover{ background-color: rgba(7, 17, 48, 0.7);}
.banner .bannerIcon span.prev i{ background-position: 0 -12px;}
.banner .bannerIcon span.next i{ background-position: -12px -12px;}
.banner .bannerIcon span.prev:hover i{ background-position: 0 0;}
.banner .bannerIcon span.next:hover i{ background-position: -12px 0;}

/* search */
.search { height: 80px; }
.search .keywords { height: 30px; margin: 25px 0; line-height: 30px; width: 760px; overflow: hidden; text-align: left; }
.search .keywords p { font-size: 14px; color: #333; font-weight: bold; display: inline-block;padding-right: 15px;}
.search .keywords a{ color: #999; font-weight: normal;}
.search .keywords a:hover { color: #ff9f00; text-decoration: underline; }
.search .keywords span{ margin: 0 5px; color: #999; }
.search .searchWrap { width: 358px; height: 38px; line-height: 38px; border: 1px solid #071130; border-radius: 4px; margin-top: 20px; }
.search .searchText { padding-left: 18px; width: 292px; height: 38px; line-height: 38px; }
.search .searchBtn { width: 48px; height: 38px; background: url(../images/searchBtn.png) no-repeat; cursor:pointer;  }


/* product */
.product{ width: 100%; height: 1030px; background: url(../images/proBg.jpg) center top no-repeat;  min-width: 1200px;}
.product .proTitle{ width: 220px; height: 100px; margin:0 auto; background: url(../images/titleBg.png) left top no-repeat;}
.product .proTitle p{ width: 100%; padding-top: 30px; text-align: center; font-family: 'syst'; font-size: 38px; color: #fff;}

.proList{width: 1240px; margin: 20px auto 0 ;overflow: hidden;}
.proList .tab-hd{height: 40px; margin:0 auto 0; width: 1200px;}
.proList .tab-hd ul{ text-align: center;}
.proList .tab-hd li{ display: inline-block; text-align: center; height: 40px; margin: 0 10px;padding: 0 10px; background: url(../images/proTitleIcon.png) left center no-repeat;}
.proList .tab-hd i{ display: inline-block; margin: 0 15px; height: 40px; width: 1px ; background: url(../images/proTitleIcon.png) center center no-repeat;}
.proList .tab-hd li:first-child{background:0;}
.proList .tab-hd li a{display: block ; width: 100%; height: 40px; padding: 0 10px; font-size: 16px;  color: #fff;}
.proList .tab-hd li span{ width: 100%; text-align: center; line-height: 35px; margin: 0 2px;}
.proList .tab-hd li p{ display: none;  width: 96%; margin-top: -4px;  border: solid 2px #ff9f00;border-top:0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 4px; padding: 0 ;}
.proList .tab-hd li.on a,.proList .tab-hd li:hover a{ font-weight: bold; color: #ff9f00 ;}
.proList .tab-hd li.on p,.proList .tab-hd li:hover p{ display: block;}
.proList .tab-bd{ width: 100%; margin: 20px auto;}
.proList .tab-bd ul{overflow: hidden;zoom: 1;}
.proList .tab-bd li{width: 270px; background-color: #fff; height: 340px; margin: 15px 20px; float: left; }
.proList .tab-bd li .img{ width: 270px; height: 270px; overflow: hidden; transition: all 0.8s ease;}
.proList .tab-bd li .img img{width: 250px; margin: 10px; height: 250px;transition: all 0.8s ease; }
.proList .tab-bd li .cont{ width: 230px; height: 50px; padding: 10px 20px; position: relative; background-color: #ececec; transition: all 0.8s ease;}
.proList .tab-bd li .cont .title{ line-height: 25px; color: #333; font-size: 16px;}
.proList .tab-bd li .cont .more{ font-size: 14px; line-height: 25px; color: #999;  font-family: 'bw'; }
.proList .tab-bd li .cont .more i{ float: left; width: 18px; margin: 11px 0 11px 10px; height: 8px; background: url(../images/proIcon.png) no-repeat;  transform: translateX(0); transition: all 0.8s ease;}
.proList .tab-bd li .cont .more span{ float: left;}
.proList .tab-bd li:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px rgba(0,0,0,0.1); box-shadow:0 0 20px rgba(0,0,0,0.1);}
.proList .tab-bd li:hover .cont .more i{transform: translateX(120px); opacity:1; background-position:0 -8px;}
.proList .tab-bd li:hover .img{ height: 250px;}
.proList .tab-bd li:hover .img img{ transform:scale(1.1)}
.proList .tab-bd li:hover .cont{  padding: 20px 20px; background-color: #ff9f00; }
.proList .tab-bd li:hover .cont .title,.proList .tab-bd li:hover .cont .more{ color: #fff;}


/* honor */
.honor{ width: 100%; padding: 0 0 60px; background-color: #fafafa; min-width: 1200px;}
.honor .honorTitle{ width: 220px; height: 100px; margin:0 auto; background: url(../images/titleBg.png) left top no-repeat;}
.honor .honorTitle p{ width: 100%; padding-top: 30px; text-align: center; font-family: 'syst'; font-size: 38px; color: #071130;}

.honorList{ overflow:hidden; position:relative; margin-top: 30px; }
.honorList .hd{ overflow:hidden;  height:40px; text-align: center;  padding:0; margin-top: 20px; }
.honorList .hd a{ display: inline-block;  width:50px; height:40px; margin:0 5px; overflow:hidden; cursor:pointer; background:#e5e5e5;}
.honorList .hd i{ float: left; width: 12px; height: 12px; margin: 14px 19px; background: url(../images/bannerIcon.png) no-repeat;}
.honorList .hd a:hover{ background-color: #ff9f00;}
.honorList .hd a.next i{ background-position: -12px -12px;}
.honorList .hd a.prev i{ background-position: 0 -12px;}
.honorList .hd a.next:hover i{ background-position: -12px 0;}
.honorList .hd a.prev:hover i{ background-position: 0 0;}

.honorList .bd{ padding:0; }
.honorList .bd ul{ overflow:hidden; zoom:1; }
.honorList .bd ul li{ margin-right:15px; width: 228px; height: 356px;  float:left; _display:inline; overflow:hidden; text-align:center; }
.honorList .bd ul li .img{ width: 222px; height: 304px; border: solid 3px #954838; overflow: hidden; }
.honorList .bd ul li img{ width: 222px; height: 304px; transition: all 0.8s ease;}
.honorList .bd ul li p{ text-align: center; font-size: 14px; color: #333; line-height: 46px; overflow: hidden;}
.honorList .bd ul li:hover img{transform:scaleX(1.10) scaleY(1.10);}
.honorList .bd ul li:hover{ border-color: #ff9f00;}
.honorList .bd ul li:hover p{ color: #ff9f00;}


/* about */
.about{ width: 100%; background:#fff url(../images/aboutBg.jpg) center bottom no-repeat; min-width: 1200px; padding: 70px 0;}
.aboutList { height: 450px; position: relative; overflow: hidden;}
.aboutList .left{ width: 480px; height: 450px; overflow: hidden; position: relative;}
.aboutList .right{ width: 690px; height: 450px; overflow: hidden; position: relative;}
.aboutList .right .dis{ width: 690px; height: 260px; position: relative;}
.aboutList .right .dis .title a{  font-size: 38px; font-family: 'syst'; color: #071130;}
.aboutList .right .dis .title a:hover{ color: #ff9f00;}
.aboutList .right .dis .line{ width: 20px; height: 2px; background-color: #ff9f00; margin: 10px 0;}
.aboutList .right .dis .name{ font-size: 20px; font-weight: bold; color: #333;}
.aboutList .right .dis .con{ font-size: 14px; color: #999; line-height: 24px}
.aboutList .right .dis .con p{ margin: 10px 0 0 0;}
.aboutList .right .culture{ width: 690px; height: 130px; overflow: hidden; position: absolute; left: 0; bottom: 30px;}
.aboutList .right .culture .img{ width: 345px; height: 130px; overflow: hidden;}
.aboutList .right .culture .img img{width: 345px; height: 130px;}
.aboutList .right .culture .cont{ width: 345px; height: 130px; padding: 0; background-color: #fafafa;}
.aboutList .right .culture .cont .title{ width: 100%; font-size: 16px; font-weight: bold; color: #333;}
.aboutList .right .culture .cont .con{ font-size: 14px; color: #999; margin: 10px 0;}
.aboutList .right .culture .cont .link{ width: 100%;}
.aboutList .right .culture .cont .link span{ float: left; font-size: 14px; line-height: 25px; color: #071130;  font-family: 'bw'; }
.aboutList .right .culture .cont .link i{ float: left; width: 18px; margin: 11px 0 11px 15px; height: 8px; background: url(../images/proIcon.png) no-repeat;  transform: translateX(0); transition: all 0.8s ease; background-position:0 -16px;}
.aboutList .right .culture .cont a{ display: block;width: 295px; height: 80px; padding: 25px; }
.aboutList .right .culture .cont:hover a{ background-color: #ff9f00;}
.aboutList .right .culture .cont:hover .title,.aboutList .right .culture .cont:hover .con,.aboutList .right .culture .cont:hover span{ color: #fff;}
.aboutList .right .culture .cont:hover i{transform: translateX(190px); opacity:1; background-position:0 -8px;}

.device{ width: 1228px; margin: 30px auto;}
.device li{ float: left; margin: 0 14px; width: 263px; height: 174px; border: solid 8px #fff; position: relative; overflow: hidden; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px rgba(0,0,0,0.1); box-shadow:0 0 20px rgba(0,0,0,0.1);}
.device li .img{ width: 263px; height: 174px; overflow: hidden; position: relative; z-index: 1;}
.device li .img img{ width: 263px; height: 174px; transition: all 0.8s ease;}
.device li .con{ width: 100%; padding-top: 54px; height: 120px; position: relative; z-index: 2; background-color: rgba(7, 17, 48, 0.45); transition: all 0.8s ease;transform: translateY(0);}
.device li .con .more{ width: 40px; height: 40px; overflow: hidden; border-radius: 50%; margin:0 auto ; background-color: rgba(7, 17, 48, 0.5);}
.device li .con .more a{ display: block; text-align: center; line-height: 40px; color: #fff; font-size: 30px;}
.device li .con .title{ font-size: 16px; width: 100%; text-align: center; color: #fff; margin: 20px auto 0;}
.device li:hover img{transform:scaleX(1.10) scaleY(1.10);}
.device li:hover .con{transform: translateY(-174px); opacity:1; }
.device li:hover a:hover{ background-color: #ff9f00;}


/* news */
.news{ width: 100%; background:#fff url(../images/newsBg.jpg) center top no-repeat; min-width: 1200px; padding: 0 0 70px;}
.news .newsTop{ width: 100%; }
.news .TitleBg{ width: 190px; height: 40px; margin: 0 auto; background: url(../images/titleBg1.png) center center no-repeat; position: relative; z-index: 2;}
.news .newsTitle{ width: 220px; height: 100px; margin:-20px auto; background: url(../images/titleBg.png) left top no-repeat; position: relative; z-index: 1;}
.news .newsTitle p{ width: 100%; padding-top: 30px; text-align: center; font-family: 'syst'; font-size: 38px; color: #071130;}
.news .newsList{ ; width: 100%; margin:60px 0;}
.news .item{ float: left; width: 370px; height: 440px; padding: 15px;}
.news .item:hover{ background-color: #fff; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px rgba(0,0,0,0.1); box-shadow:0 0 20px rgba(0,0,0,0.1);}
.news .item .title{ font-size: 26px; color: #333;}
.news .item .img{ width: 370px; height: 230px; margin-top: 20px; overflow: hidden;}
.news .item .img img{ width: 370px; height: 230px; }
.news .item ul { margin-top: 20px;}
.news .item ul li{ float: left; width: 100%;}
.news .item ul li a{ font-size: 14px; line-height: 32px; color: #666;}
.news .item ul li span{ float: right; color: #999;}
.news .item ul li a:hover{ color: #ff9f00;}
.news .more{  width: 150px; height: 40px; padding: 0 ; border-radius: 20px; background-color: rgba(7, 17, 48, 0.7); margin:50px auto 0;}
.news .more a{ display: block;  width: 110px; height: 40px; padding: 0 20px;  color: #fff; line-height: 40px;}
.news .more span{ float: left; font-size: 14px;  font-family:'bw';}
.news .more i{  float: right; width: 18px; margin: 16px 0 ; height: 8px; background: url(../images/proIcon.png) no-repeat;  background-position:0 -8px;}
.news .more:hover{  background-color: #ff9f00;}


/* footer */
.footer{ width: 100%; min-width: 1200px; padding: 30px 0; margin: auto; position: relative; background-color: #06101a;}
.footerNav{ float: left; width: 100%;}
.footerNav .left {width: 800px; }
.footerNav .left dl{ float: left;  margin-left: 60px;}
.footerNav .left dl:first-child{ margin-left: 0;}
.footerNav .left dl dt{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.footerNav .left dl dd{ line-height: 30px;}
.footerNav .left dl dd a{ font-size: 14px; color: rgba(255, 255, 255, 0.3);  }
.footerNav .left dl dd span{ float: left; width: 78px; padding-left: 2px;}
.footerNav .left dl dd a:hover{ text-decoration: underline; color: #ff9f00;}
.footerNav .right{ width: 400px;}
.footerNav .right .share{ margin-top: 20px; width: 160px;}
.footerNav .right .share span{ float: left; font-size: 14px; line-height: 20px; color: #fff;}
.footerNav .right .share a{  float: left; padding: 0; margin: 0;}
.footerNav .right .share a.weibo{ margin-left: 15px; width: 25px ; height: 20px; background: url(../images/weibo.png) no-repeat;}
.footerNav .right .share a.qq{ margin-left: 15px; width: 18px ; height: 20px; background: url(../images/qq.png) no-repeat;}
.footerNav .right .share a.weixin{ margin-left: 15px; width: 25px ; height: 20px; background: url(../images/weixin.png) no-repeat;}
.footerNav .right .share a:hover{ background-position: 0 -20px;}
.footerNav .right .erweima{ width: 240px;}
.footerNav .right .erweima dl{ float: left; width: 100px; margin-left: 20px;}
.footerNav .right .erweima dl dt{ width: 100px; height: 100px; overflow: hidden;}
.footerNav .right .erweima dl dt img{width: 100px; height: 100px;}
.footerNav .right .erweima dl dd{ text-align: center; font-size: 14px; color: #fff; margin-top: 10px;}

.footerContact{ float: left; width: 100%; margin: 30px 0; }
.footerContact dl{ float: left;  width: 280px; margin-bottom:15px;}
.footerContact dl dt{ float: left;  width: 50px; height: 50px; border-radius: 50%; border: solid 1px rgba(255, 255, 255, 0.5); background: url(../images/footerIcon.png) no-repeat;}
.footerContact dl dt.icon1{ background-position:0 -50px;}
.footerContact dl dt.icon2{ background-position:0 0;}
.footerContact dl dt.icon3{ background-position:0 -100px;}
.footerContact dl dt.icon4{ background-position:0 -150px;}
.footerContact dl dd{ float: left; width: 210px; margin-left: 10px; color: #fff; font-size: 14px; line-height: 26px;}
.footerContact dl dd p{ font-size: 16px;}
.footerContact dl.d1{ width:640px; margin-bottom0}
.footerContact dl.d1 dd{ width:560px;}

.footerCopy{ float: left; width: 100%; color: rgba(255, 255, 255, 0.3); font-size: 14px; line-height: 24px;}
.footerCopy a{ color: rgba(255, 255, 255, 0.3)}
.footerCopy a:hover{ color: #ff9f00; text-decoration: underline;}

.footerLink{ float: left; width: 100%; color: rgba(255, 255, 255, 0.3); margin-bottom: 10px; font-size: 14px; line-height: 24px;}
.footerLink a{ color: rgba(255, 255, 255, 0.3)}
.footerLink a:hover{ color: #ff9f00; text-decoration: underline;}
.footerLink span{ margin: 0 5px;}

/* floatImg */
.floatImg{ position: fixed; top: 50%;  left: 50%; transform: translate(-50%,-50%); z-index: 9999; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3);  overflow: hidden;}
.floatImg .box{ width: 70%; position: absolute; right: 15%; top: 50%; transform: translateY(-50%); overflow: hidden;}
.floatImg .box .img{ width: 100%; position: relative; z-index: 1;}
.floatImg .box .img img{ width: 100%; display: block;}
.floatImg .box .closefj{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 24px; color: #fff; background: #ff9f00 url(../images/iconImg.png) no-repeat 0 0px; z-index: 3;cursor: pointer;}



/* pagebanner */
.pageBanner{ width: 100%; height: 400px; margin: auto; position: relative; z-index: 1;}

/* pageNav */
.pageNav{ text-align: center}
.pageNav li{ display: inline-block;  margin: 0 10px; height: 40px; line-height: 40px; background-color: #eee; }
.pageNav li a{ display: block; color: #333;  padding: 0 30px; font-size: 14px;}
.pageNav li:hover,.pageNav li.on{ background-color: #ff9f00;}
.pageNav li:hover a,.pageNav li.on a{ color: #fff;}



/* main */
main{ width: 100%; padding: 60px 0; position: relative; background-color: #fafafa;}
.pageProduct{}
.pageProduct .proNav{ width: 300px; border-top: solid 4px #ff9f00; }
.proNav ul{ width:270px; background:#fff; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.02); -moz-box-shadow:0 0 20px rgba(0,0,0,0.02); box-shadow:0 0 20px rgba(0,0,0,0.02); padding: 15px;}
.proNav ul li{ float:left; width:270px; font-size:16px; overflow:hidden;}
.proNav ul li h3{ height: 50px; border-bottom: dotted 1px #ccc;}
.proNav ul li h3 a{ display: block; font-size: 16px; font-weight: normal; display:block; color:#333; line-height:50px; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; border-bottom-color:#ff9f00; font-weight:bold;}
.proNav ul li h3 i{ float:left; margin:18px 0; width:14px; height:14px; background: url(../images/ProIcon1.png) center center no-repeat;transform: translateX(-14px); transition: all 0.8s ease;}
.proNav ul li h3 p{ float:left; width:244px; transform: translateX(-14px); transition: all 0.8s ease;}
.proNav ul li:hover{border-bottom-color:#ff9f00;-moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.proNav ul li:hover h3{  border-bottom-color:#ff9f00; }
.proNav ul li:hover h3 a{ color:#ff9f00;}
.proNav ul li:hover h3 i{transform: translateX(10px);opacity:1;}
.proNav ul li:hover h3 p{transform: translateX(20px);opacity:1;color:#ff9f00; }
.proNav ul li.on{border-bottom-color:#ff9f00;}
.proNav ul li.on h3{ border-bottom-color:#ff9f00; }
.proNav ul li.on h3 a{ color: #ff9f00;}
.proNav ul li.on h3 i{ transform: translateX(10px);opacity:1;}
.proNav ul li.on h3 p{transform: translateX(20px);opacity:1;color:#ff9f00;}
.proNav dl{ float: left; width: 100%; padding: 10px 0 10px; }
.proNav dl dd{ float: left; margin: 3px 8px 3px 0;  border-radius: 15px; background-color: #fafafa; font-size: 14px;border: solid 1px #eee; }
.proNav dl dd a{ display: block; padding: 0 13px; font-size: 14px; line-height: 28px; height: 28px;}
.proNav dl dd:hover,.proNav dl dd.on{ border-color: #ff9f00; background-color: #ff9f00;}
.proNav dl dd:hover a,.proNav dl dd.on a{ color: #fff;}

.ProductList{ width: 900px;}
.ProductList li{width: 270px; background-color: #fff; height: 340px; margin: 0 0 30px 30px; float: left; }
.ProductList li .img{ width: 270px; height: 270px; overflow: hidden; transition: all 0.8s ease;}
.ProductList li .img img{width: 250px; height: 250px; margin: 10px; transition: all 0.8s ease; }
.ProductList li .cont{ width: 230px; height: 50px; padding: 10px 20px; position: relative; background-color: #ececec; transition: all 0.8s ease;}
.ProductList li .cont .title{ line-height: 25px; color: #333; font-size: 16px;}
.ProductList li .cont .more{ font-size: 14px; line-height: 25px; color: #999;  font-family: 'bw'; }
.ProductList li .cont .more i{ float: left; width: 18px; margin: 11px 0 11px 10px; height: 8px; background: url(../images/proIcon.png) no-repeat;  transform: translateX(0); transition: all 0.8s ease;}
.ProductList li .cont .more span{ float: left;}
.ProductList li:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px rgba(0,0,0,0.1); box-shadow:0 0 20px rgba(0,0,0,0.1);}
.ProductList li:hover .cont .more i{transform: translateX(120px); opacity:1; background-position:0 -8px;}
.ProductList li:hover .img{ height: 250px;}
.ProductList li:hover .img img{transform:scale(1.1)}
.ProductList li:hover .cont{  padding: 20px 20px; background-color: #ff9f00; }
.ProductList li:hover .cont .title,.ProductList li:hover .cont .more{ color: #fff;}

.ProductListD{ width: 810px; padding: 30px ; background-color: #fff; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.02); -moz-box-shadow:0 0 20px rgba(0,0,0,0.02); box-shadow:0 0 20px rgba(0,0,0,0.02);}
/*产品放大*/
.bigpro_box{ width: 100%; height: 400px; position: relative;}
.pro_l{position:relative; width: 380px; height: 380px; border: solid 1px #eee; }
#showbox {z-index:1;}
#showbox span {background: rgba(255, 159, 0, 0.2);}
#showsum {left:25px; margin-top:10px;}
#showsum span{width:104px !important;height:104px !important; border: solid 1px #eee; cursor: pointer;}
#showsum span.sel{width:100px !important;height:100px !important; border: solid 3px #ff9f00;}
#showsum span.sel img{ }
.showpage {width:400px;position:relative;}
.showpage a{display:block;width:17px;height:30px;line-height:30px; position:absolute; left:0; top:-70px;background: url(../images/jt_ico.png) no-repeat;}
.showpage a#shownext{left:auto;right:0;}
.showpage #showlast{background-position:0 0;}
.showpage #shownext{background-position:-17px 0;}
.pror_r{width:400px; height: 380px; overflow: hidden; position: relative;}
.pror_r .pro_info{padding:10px 0 4px;height:250px; overflow: auto;}
.pror_r .pro_info .info_tit{font-size:26px;border-bottom:6px solid rgba(255, 159, 0, 0.6);position:relative;height:30px;line-height:38px;display:Inline-block; color: #333;}
.pror_r .pro_info .info_sum{width:100%;padding:15px 0;color:#666;line-height:28px;font-size:14px;}
.pror_r .pro_info .info_sum img{ max-width: 100%;}
.pro_detail{line-height:28px;color:#333333;padding-top:20px}
.pro_detail .pro_detail_tit{font-size:20px;width:90px;text-align:center;margin-bottom:20px;}
.pro_detail .pro_detail_tit span{margin-top:4px;display:block;height:4px;width:90px;background:#ff9f00;}
.pro_detail .pro_detail_con{ width: 100%; font-size: 14px; line-height: 28px;}
.pro_detail .pro_detail_con img{ max-width: 100%;}


/* pageTitle */
.pageTitle{ width: 220px; height: 100px; margin:-60px auto 40px; background: url(../images/titleBg.png) left top no-repeat;}
.pageTitle p{ width: 100%; padding-top: 40px; text-align: center; font-family: 'syst'; font-size: 38px; color: #071130;}

/* pageAbout */
.pageAbout{ position: relative; font-size: 14px; color: #333; line-height: 28px;}
.pageAbout img{ max-width: 100%;}

/* pageContact */
.pageContact { margin:0 auto 60px;}
.pageContact .item { width: 560px; margin-left: 60px; text-align: center; color: #071130; }
.pageContact .item:first-child{ margin-left: 0;}
.pageContact .item .title{ line-height: 80px; font-size: 20px; font-weight: bold; }
.pageContact .item .icon{ width: 100%; height: 80px; position: relative;}
.pageContact .item .icon i{ width: 70px; float: left; height: 70px; margin:0 245px; z-index: 2; position: relative; border-radius: 50%;}
.pageContact .item .icon p{ width: 100%; height: 2px; position: absolute; left: 0; top: 34px; background-color: #eee; z-index: 1;}
.pageContact .item .icon.icon1 i{ background:#ff8772 url(../images/tel.png) center center no-repeat;}
.pageContact .item .icon.icon2 i{ background:#6babe5 url(../images/address.png) center center no-repeat;}
.pageContact .item .icon.icon3 i{ background:#c3a0d9 url(../images/mailbox.png) center center no-repeat;}
.pageContact .item ul{ margin-top: 15px;}
.pageContact .item li { line-height: 26px; font-size: 16px; }
.pageContact .item li.l2{ text-align:left;}


/* ContactForm */
.ContactForm{margin:0 auto; padding:60px 0; background-color: #fff; }
.ContactForm_top{text-align:center; font-size:20px; color:#aaa; position:relative; line-height:36px;}
.ContactForm_top h1{ font-size:28px; color:#333;}
.ContactForm_list{ width:1200px; margin:30px auto 0; overflow:hidden;}
.ContactForm_list .row{ width:100%; clear:both;  margin:0 0 20px 0;}
.ContactForm_list .row .row_left{ width:590px; float:left; display:block; }
.ContactForm_list .row .row_right{ width:590px; float:right; display:block; }
.ContactForm_list label{ position:relative; display:block; }
.ContactForm_list label span{ position:absolute; left:24px; top:22px; font-size:18px; color:#ccc;}
.ContactForm_list .txt{ border:1px solid #eee; padding:24px; background:#fff;}
.ContactForm_list .txt:focus{ border:2px solid #ff9f00; padding:23px; background:#fff;}
.ContactForm_list .txt.w1{ width:540px; height:20px; line-height:20px;}
.ContactForm_list .txt.w2{ width:1150px; height:180px; line-height:20px;}
.ContactForm_list .btn{ float:left; border:0; background:#071130; border-radius:5px; width:570px; height:70px; cursor:pointer; text-align:center; font-size:24px; font-weight:bold; color:#fff;}
.ContactForm_list .row .btn:hover{ background:#ff9f00; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.ContactForm_list .row p.xin{ color:#21282e; line-height:70px; font-size:22px; float:right; font-weight:bold;}
.ContactForm_list .row p.xin span{ color:#ff9f00;}

/* pageTeam */
.pageTeam{ width: 100%;  position: relative; text-align: center; overflow: hidden; min-width: 1200px;}
.pageTeam img{ width: 100%; display: block;}

/* ContactMap */
.ContactMap{ padding:0; height:600px; margin:0 auto -60px; position:relative; z-index:1; background:#fff;}


/* pageJobs */
.pageJobs{  padding:0 0;  margin:60px auto; position:relative; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.05); -moz-box-shadow:0 0 20px rgba(0,0,0,0.05); box-shadow:0 0 20px rgba(0,0,0,0.05);}
.JobsList{width:100%;margin:0 auto;}
.JobsPosition{height: 70px; background-color: #fff; cursor: pointer; margin-bottom: 1px; line-height:70px; border-bottom: 1px solid #eee;position: relative;}
.JobsPosition p{ float:left;}
.JobsPosition .Title{ font-size:20px; width:340px; padding-left:40px; color:#333; font-weight:bold;}
.JobsPosition .Location{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.JobsPosition .Years{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.JobsPosition .Wage{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.JobsPosition .People{ font-size:14px; color:#666; width:160px; padding-left:20px;}
.JobsPosition:hover,.JobsList .current{background:#071130;border-bottom: 1px solid #071130;}
.JobsPosition:hover .Title,.JobsPosition:hover .Location,.JobsPosition:hover .Years,.JobsPosition:hover .Wage,.JobsPosition:hover .People{ color:#fff;}
.current .Title,.current .Location,.current .Years,.current .Wage,.current .People{ color:#fff;}
.PositionCon{line-height:32px; background-color: #fff; border-bottom:solid 2px #071130; padding:20px 40px; font-size:14px; color:#333;}
.PositionCon img{ max-width: 100%;}

/* pageDownload */
.pageDownload{ width: 1240px; margin: 40px auto;}
.pageDownload li{ float: left; width: 230px; position: relative; padding: 18px; height: 300px; margin: 20px; border: solid 2px #eee; text-align: center;}
.pageDownload li .title{ width: 100%; line-height: 28px; font-size: 18px; color: #071130; font-weight: bold; margin-top: 20px;}
.pageDownload li .icon{ width: 100%; height: 30px; margin: 30px auto; position: relative;}
.pageDownload li .icon p.line{ width: 100%; height: 2px; background: #eee; position: absolute; left: 0; top: 14px; z-index: 1;}
.pageDownload li .icon p.circle{ width: 26px; height: 26px; position: relative; margin:0 auto; z-index: 2; border-radius: 50%; background-color: #fafafa; border: solid 2px #eee;}
.pageDownload li .icon p.circle span{ width: 14px; height: 14px; float: left; border-radius: 50%; background-color: #ff9f00; margin: 6px;}
.pageDownload li .cont{ width: 100%; font-size: 14px; color: #071130;}
.pageDownload li .time{ font-size: 14px; color: #aaa; margin: 15px auto;}
.pageDownload li .download{position: absolute; bottom: 25px; left: 50%; margin-left: -60px; cursor: pointer; width: 120px; height: 36px;  border-radius: 20px; background-color: rgba(7, 17, 48, 0.6); }
.pageDownload li .download a{ display: block;  width: 120px; line-height: 36px; color: #fff; font-size: 14px;}
.pageDownload li .download:hover{ background-color: #ff9f00;}


/* pageHonor */
.pageHonor {  overflow: hidden; margin: 40px auto; }
.pageHonor ul { width: 1240px; margin: 0 -20px; }
.pageHonor ul li { width: 238px; height: 368px; overflow: hidden; float: left; padding: 15px 15px 0; border: 1px solid #ececec; margin: 20px 20px ; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.pageHonor ul li:hover { -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 20px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 20px; box-shadow: rgba(0,0,0,0.1) 0 0 20px; }
.pageHonor ul li img { display: block; width: 230px; height: 310px; margin: 0 auto;transition: all 0.8s ease;   }
.pageHonor ul li span { display: block; padding: 0 15px;  line-height: 58px; font-size: 16px; color: #333; text-align: center; overflow: hidden; }
.pageHonor ul li:hover span{ color: #ff9f00;}
.pageHonor ul li:hover{border-color: #ff9f00}
.pageHonor ul li:hover img{transform:scale(1.05);}


/* pageImg */
.pageImg {  overflow: hidden; margin: 40px auto; }
.pageImg ul { width: 1240px; margin: 0 -20px; }
.pageImg ul li { width: 238px; height: 258px; float: left; overflow: hidden; padding: 15px 15px 0; border: 1px solid #ececec; margin: 20px 20px ; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.pageImg ul li:hover { -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 20px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 20px; box-shadow: rgba(0,0,0,0.1) 0 0 20px; }
.pageImg ul li img { display: block; width: 230px; height: 200px; margin: 0 auto;  transition: all 0.8s ease; }
.pageImg ul li span { display: block; padding: 0 15px;  line-height: 58px; font-size: 16px; color: #333; text-align: center; overflow: hidden; }
.pageImg ul li:hover span{ color: #ff9f00;}
.pageImg ul li:hover{border-color: #ff9f00}
.pageImg ul li:hover img{transform:scale(1.05);}


#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 99999;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:10px; top:10px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#ff9f00 url(../images/iconImg.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.67) url(../images/iconImg.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0;}
#boxer .boxer-arrow.previous:hover{background:#ff9f00 url(../images/iconImg.png) no-repeat 0 -50px; }
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0;}
#boxer .boxer-arrow.next:hover{background:#ff9f00 url(../images/iconImg.png) no-repeat -50px -50px; }
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:16px;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer.loading .boxer-container{background: #fff url(../images/loading.gif) no-repeat center;}

/* search */
.pageSearch {  overflow: hidden; margin: 40px auto; }
.pageSearch ul { width: 1242px; margin: 0 -21px; }
.pageSearch ul li { width: 370px; height: 308px; float: left; overflow: hidden; border: 1px solid #ececec; margin: 21px 21px ; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.pageSearch ul li:hover { -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 20px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 20px; box-shadow: rgba(0,0,0,0.1) 0 0 20px; }
.pageSearch ul li img { display: block; width: 334px; height: 222px; margin: 14px auto; transition: all 0.8s ease; }
.pageSearch ul li span { display: block; padding: 0 15px;  line-height: 58px; font-size: 16px; color: #333; text-align: center; overflow: hidden; }
.pageSearch ul li:hover img{ transform:scale(1.05);  }
.pageSearch ul li:hover span{ color: #ff9f00;}
.pageSearch .Search{ text-align: center; font-size: 16px; line-height: 32px;}
.pageSearch .Search span{ font-weight: bold; font-size: 26px;}


/* pageNews */
.pageNews{ width:1200px; margin:60px auto;}
.pageNews li{ float:left; width:100%; height:120px; padding:20px; margin-bottom:30px; background:#fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05); transition: all 0.8s ease;  }
.pageNews li .time{ width:120px; height:120px; background:#071130; text-align:center; font-size:20px; color:#fff; line-height:40px;}
.pageNews li .time p{ width:100%; font-size:28px; margin-top:20px;}
.pageNews li .cont{ width:1050px; height:120px; overflow:hidden;}
.pageNews li .cont .title { font-size:16px; color:#333; line-height:40px;}
.pageNews li .cont .summary{ width:100%; font-size:14px; color:#666px; line-height:26px; margin-top:10px;}
.pageNews li:hover{ background:#071130;}
.pageNews li:hover .time{ background:#fff; color:#071130;}
.pageNews li:hover .title,.pageNews li:hover .cont .summary{ color:#fff}


.pageNewsD{ width:1200px; margin:60px auto;}
.pageNewsD .Title{ width:100%; text-align:center; font-size:24px; color:#333; font-weight:bold;}
.pageNewsD .Time{ font-size:14px; width:100%; border-bottom:dashed 1px #ddd; padding-bottom:10px; text-align:center; color:#999; margin-top:10px;}
.pageNewsD .Content{ font-size:14px; color:#333; line-height:28px; margin-top:30px; width:100%;}
.pageNewsD .Content img{ max-width:100%;}



/* pages */
.pages { margin:40px 0; position:relative; text-align:center; font-size:12px;}
.pages a { display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #eee; text-align:center; color:#333; padding:0 15px; margin-left:6px;}
.pages a.a1 { background:#fff; width:56px; padding:0; }
.pages a:hover { background:#ff9f00;  border:1px solid #ff9f00; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:35px; line-height:35px; background:#ff9f00; border:1px solid #ff9f00; color:#fff; text-align:center; padding:0 15px; margin-left:6px;}

.pages1{ width:1200px;  margin:30px auto 0;  border-top:solid 1px #eee; padding-top:20px;}
.pages1_l{ float:left; width:350px; font-size:14px;  text-align:left; }
.pages1_l a{  color:#666;}
.pages1_l:hover a{ color:#ff9f00; text-decoration:underline;}
.pages1_r{ float:right; width:350px; font-size:14px; text-align:right; }
.pages1_r a{  color:#666; display:block;}
.pages1_r:hover a{ color:#ff9f00; text-decoration:underline;}





/* customer */
.customer {top:50%; position:fixed; right:2px; z-index:99; margin-top:-152px; font-size:12px;}
.customer a {display:block; width:60px; height:60px; padding:0px; background:#fafafa; border:1px solid #eee; position: relative; text-align: center; margin:2px 0; font-size:12px;}
.customer a:hover{ background:#071130; color:#fff; border:1px solid #071130;}
.customer i{ display: block; height:60px; width:60px; background:url(../images/fudong.png); margin:0 ; }
.customer .customer0{ background-position:0 0px;}
.customer .customer1{ background-position:0 -60px;}
.customer .customer2{ background-position:0 -120px;}
.customer .customer3{ background-position:0 -180px;}
.customer .customer4{ background-position:0 -240px;}
.customer a:hover .customer0{ background-position:-60px 0;}
.customer a:hover .customer1{ background-position:-60px -60px;}
.customer a:hover .customer2{ background-position:-60px -120px;}
.customer a:hover .customer3{ background-position:-60px -180px;}
.customer a:hover .customer4{ background-position:-60px -240px;}

.customer .qicq{}
.customer .qicq .qicqCon{ position:relative;}
.customer .qicq .qicqSub{ display:none; width:108px; right:62px; top:0;  position:absolute; background:#071130; padding:12px 12px 10px; z-index:9999;}
.customer .qicq .qicqSub p{ width:100%; text-align:center; display:inline-block; margin:3px 0;}
.customer .qicq .qicqSub p a img{ margin:8px 6px 8px 12px; float:left;}
.customer .qicq .qicqSub p a{display:block; width:108px; height:32px; padding:0; background:rgba(0, 0, 0, 0.1); border:1px solid #eee; position: relative; text-align: left; line-height:32px; border-radius:32px; margin:0; color:#fff;}
.customer .qicq .qicqSub p a:hover{ background:#ff9f00; color:#fff; border:1px solid #ff9f00;}


.customer .erweima{}
.customer .erweima .erweimaCon{ position:relative;}
.customer .erweima .erweimaSub{ display:none; width:140px; right:62px; top:0;  position:absolute; background:#071130; padding:12px 12px 10px; z-index:9999;}
.customer .erweima .erweimaSub img{ width:140px; height:140px;}
.customer .erweima .erweimaSub p{ width:100%; line-height:30px; text-align:center; color: #fff; display:inline-block; margin:0;}

/* tanchu */
.theme-mask{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none; }
.DownloadXcf{ width:320px; height:370px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -150px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.DownloadXcf .message{ width: 300px; height: 350px; padding: 10px;}
.DownloadXcf .message .top{ font-size: 24px; text-align: center; color: #071130; font-weight: bold; margin: 20px 0;}
.DownloadXcf .message .form{ width: 270px; margin: 0 15px;}
.DownloadXcf .message .form p{ position: relative; margin-bottom:15px;}
.DownloadXcf .message .form input.txt,.DownloadXcf select{ border-radius:5px; border:1px solid #e0dede; padding:0 10px;width:248px; background:#fff; margin:0;height:40px;line-height:40px;font-size:14px; color: #333;}
.DownloadXcf .message .form input::-webkit-input-placeholder,.productD .message .form textarea::-webkit-input-placeholder {color: #aaa;font-size: 12px;text-align: left;}
.DownloadXcf .message .form textarea.txt{border:1px solid #e0dede; border-radius:5px; padding:3px 10px; width:248px; color: #999; background:#fff; margin:0; height:80px; line-height:34px; font-size:14px;}
.DownloadXcf .message .form input.btn{ border-radius:5px; border:0; background:#071130; width:130px; height:40px; cursor:pointer; text-align:center; font-size:14px; color:#fff; margin:0; margin-right: 10px; }
.DownloadXcf .message .form input.btn:hover{ background-color: #333;}
.DownloadXcf .message .form select{color:#666}
.DownloadXcf .close{ width:130px; height:40px; line-height: 40px; background:#333; color:#fff; display:inline-block; border-radius:5px; font-size:14px; margin-top:0;}
.DownloadXcf .close:hover{ background-color: #071130;}