@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
body{font: 12px/1.5  '微软雅黑','Microsoft YaHei',Arial,sans-serif; color:#6a6a6a; -webkit-text-size-adjust:none; background:#fff;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; font-family:"Microsoft YaHei";}
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
ol, ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{ outline:none}
a{text-decoration:none; cursor:pointer;padding:0;margin:0;}
a{color:inherit;}
a:link{text-decoration:none;}

.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

.layout{width:1200px;margin: 0 auto;}
.left{float:left;}
.right{float:right;}
.hide{display:none;}

/* 去除iPhone中默认的input样式 */
input,select,textarea,button{appearance:none; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;vertical-align:middle;}

input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}


/*******************************font-face*******************************/
@font-face {
  font-family: 'Verdana';
  src: url('fonts/Verdana.eot');
  src:
    url('fonts/Verdana.eot?#font-spider') format('embedded-opentype'),
    url('fonts/Verdana.woff') format('woff'),
    url('fonts/Verdana.ttf') format('truetype'),
    url('fonts/Verdana.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{ overflow-x:hidden;-webkit-font-smoothing: subpixel-antialiased;font-family: 'Verdana',Arial,'Microsoft YaHei',sans-serif;min-width:1200px;margin:0 auto;}
/*reset*/





/*header*/
.Top{ position:relative;height:95px;background: #fff;z-index: 101;}
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;transition: all .6s linear;-webkit-transition: all .6s linear;background: #fff;}
.header .layout { position: relative;}
.header .logo{width:180px; height:95px;display: block; float:left;}
.header .logo img{max-height:100%;}
/*nav*/
.header .nav{position: relative;margin:0 auto;text-align: center; float:right;}
.header .nav ul {padding-top:30px;padding-right:30px; display:inline-block;margin:0 auto;}
.header .nav li.navli {display: inline-block;text-align: center;float: left;margin: 0; position:relative;}
.header .nav li.navli a {font-size: 16px;color: #333333; line-height:30px;height:30px;display:inline-block;*display:inline;padding: 0 28px 35px 28px; position:relative;}
.header .nav li.navli:hover a {color:#0093dd;}
.header .nav li.navli.active>a:after{ content:"***"; position:absolute; bottom:10px; left:0;right:0;margin:0 auto;text-align:center;font-size: 16px;color: #0093dd;}
/*er*/
.header .nav li.navli .dropdown{width:200px !important;height:auto !important;position:absolute;left:0;margin-left:8px;z-index:100;opacity:0;filter:alpha(opacity=0);background-color:#fff;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);top:65px;padding-bottom: 12px;padding-top: 12px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display: none!important;}
.header .nav li.navli .dropdown.active{opacity:1;filter:alpha(opacity=1);top:45px; display:block;}
.header .nav li.navli .dropdown a{color: #37322f;display:block;font-size:14px;line-height:30px;padding:5px 20px;text-decoration:none;position:relative;text-align:left;}
.header .nav li.navli .dropdown a:hover{color:#0093dd;}
/*search*/
.header-input {margin-top:25px; position:absolute; top:0;right:0;}
.header-input .text {overflow: hidden;width: 0px;line-height: 40px;height: 40px;border-radius: 30px;padding: 0px;box-sizing: border-box;border: 0px;transition: width .6s linear;-webkit-transition: width .6s linear; background: #f5f5f5; color:#909090;margin-right:0;}
.header-input .text.on {width: 600px;padding: 0 50px 0 30px;}
.icon {width: 30px;height:30px;background-position: 0 0;display: inline-block; background-repeat:no-repeat;}
.icon-sub,.icon-sub1,.icon-close {background-color: transparent;border: 0px;position: absolute;top:7px;right:10px;cursor: pointer;}
.icon-close {background-image: url('../images/icon-colse.png');left: -35px;display: none;background-repeat:no-repeat; background-position:center center; background-size:20px;}
.icon-sub,.icon-sub1{background-image: url('../images/icon-search.png'); background-repeat:no-repeat; background-position:center center;}
/*fixed-nav*/
.header .logo img,.header .logo{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header.fixed-nav {box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.03);}
/*.header.fixed-nav .logo{ height:70px;}*/
.header .nav ul{}




/**banner**/
.fullSlide{width:100%;height:auto;background-color:#f6f6f6;}
.slideBox{width: 100%;height:500px;overflow:hidden;position:relative;margin:0 auto;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd ul {text-align:center;width: 100%!important;}
.slideBox .bd li{zoom:1; vertical-align:middle;list-style:none;width: 100%!important;}
.slideBox .bd li a{display:block;height:500px;width: 100%;}
.slideBox .bd img{width: 100%; display:block;}
.slideBox .hd {width:100%;position:absolute;z-index:1;bottom: 0;left:0;height: 35px;line-height: 35px;}
.slideBox .hd ul {text-align:center; width:100%; padding:0px; margin:0px auto;}
.slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width: 11px;height: 11px;margin:0 6px;overflow:hidden;background:#bae2f6;line-height:999px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.slideBox .hd ul .on {background: #034e95;}
.slideBox .prev,
.slideBox .next{position:absolute; top:50%; margin-top:-25px; display:block; width:40px; height:40px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.slideBox .next{right:3%;background: url(../images/arow.png) right center no-repeat;}
.slideBox .prev{left:3%; background: url(../images/arow.png) left center no-repeat;}





/*foot*/
.foot{background:#27272c;height:auto;font-size:14px;color:#8b8d93;position:relative;overflow: hidden;}
.foot:after{ content:""; height:100%; width:1920px;margin:0 auto;position:absolute;left:0;right:0;top:0;background:url(../images/foot-bg.png) right top no-repeat;z-index:0;}
.foot .foot-box{padding: 45px 0 30px 0; position:relative; z-index:1;}
.foot .t1{font-size:18px;margin-bottom:34px;color:#ffffff; text-transform:uppercase;text-align:center;}
.foot .t1 a{color:#333;}
.foot .foot-right{float:left;width:34%;overflow:hidden;line-height:30px;text-align:center;}
.foot .foot-right .share{ width:150px;text-align:center;margin:0 auto;}
.foot .foot-right .share a{position: relative;top: 0;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.foot .foot-right .share a:hover {top: -3px;}
.foot .foot-center{float:left;width:34%;}
.foot .foot-center h1{font-size:14px;color:#333;margin-bottom:22px;padding-left:5px;font-weight: normal;}
.foot .foot-nav {float:left;width:32%;text-align:center;}
.foot .foot-nav ul{height:auto;}
.foot .foot-nav ul li{list-style-type:none;display:block;overflow:hidden;}
.foot .foot-nav .t2{font-size:14px;}
.foot .foot-nav .t2 a{font-size:14px;display: inline-block;line-height:28px;color:#8b8d93;}
.foot .foot-nav .t2 a:hover{color:#0093dd;}
.foot .foot-lx{line-height:28px;color:#8b8d93;}
.foot .foot-lx a{color:#0093dd;}
.foot .foot-lx a:hover{ text-decoration:underline;}
.foot .foot-rightBox{padding:0 0 0 50px;}
.foot .foot-wz{padding:0 0 25px 0;font-size:13px;line-height:24px;color:#8b8d93;}
.foot .foot-btn{width:300px;margin:0 auto;margin-top:15px;background:#2e2f34;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;-ms-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.foot .foot-btn a{display:block;line-height:45px;font-size:14px;color:#a9a9a9;text-align:left;padding:0 60px 0 20px;background:url(../images/bottom-m.png) right center no-repeat;}
.foot .foot-btn:hover{background: linear-gradient(to right, #2e2f34, #434343);}
.foot .bq{width:100%;font-size:12px;line-height:30px;color:#909090;text-align:center;font-family:Arial,'Microsoft YaHei',sans-serif; position:relative; z-index:1;}
.foot .bq .bqtext{padding:21px 0;border-top:1px solid #4d4d52;font-family:Arial,'Microsoft YaHei',sans-serif;}
.foot .bq a{color:#909090;}
.foot .bq a:hover{color:#0093dd;}

/*goTop*/
.goTop{z-index:10; width:50px; height:50px; position: fixed; right:30px; bottom: 20%;  background: url(../images/top.png) no-repeat 0 0 #0093dd; background-size:100%; cursor: pointer;display: none;border-radius:50%;border:0; outline:none;}



/*titleBox*/
.titleBig{color:#000000;font-size:14px;line-height:30px;margin:0 auto;display:block;font-style: normal;}
.titleBig .t1{color:#000000;font-size:48px; text-align:center; text-transform:uppercase; line-height:normal;}
.titleBig .t1 a{ display:inline-block;font-weight:bold;font-size:48px;}



/*indexAbout*/
.indexAbout{font-size:14px; line-height:30px;color:#333333;padding-top:120px;padding-bottom:30px;height:400px;background-repeat:no-repeat;background-position:center top;}
.indexAbout .titleBig .t1 a{background: url(../images/index-tit1.png) left center no-repeat;padding-left:60px;padding-right:60px;font-family:Arial,'Microsoft YaHei',sans-serif;}
.indexAbout .indexAbout-wz{width:1000px;margin:0 auto;margin-top:45px; }





/*indexPro*/
.indexPro{padding-bottom:40px;padding-top:60px;height:600px;background-repeat:no-repeat;background-position:center top; background-color:#c8e2fd;}
.indexPro .indexPro-left{ float: left;width:340px;}
.indexPro .titleBig{width:290px;height:540px; display:table-cell; vertical-align:middle; text-align:left;}
.indexPro .titleBig .t1{ text-align:left;margin-bottom:15px;}
.indexPro .titleBig .t1 a{background: url(../images/index-tit2.png) left bottom no-repeat;padding-bottom:50px;font-family:Arial,'Microsoft YaHei',sans-serif;}
.indexPro .prolunboBox{ float:left;width:860px;}
.indexPro .proList{margin:0;padding:0;overflow:hidden;height:auto;font-size:0;line-height:normal;}
.indexPro .proList li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;list-style:none;width:380px;margin-left:50px; vertical-align:top;padding-bottom:50px;}
.indexPro .proList li a{display:block;}
.indexPro .proList li .ProLei a{font-size: 16px;color:#000000;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #000000;margin-bottom:25px; text-align:left;}
.indexPro .proList li .ProLi{}
.indexPro .proList li .ImgBox{width:380px;height:380px; display:table-cell; vertical-align:middle; text-align:center;margin:0 auto;overflow:hidden;background:#fff;}
.indexPro .proList li .ImgBox img{max-width:380px;max-height:380px;}
.indexPro .proList li .ImgBox img,.indexPro .proList li,.indexPro .proList li .ProLi{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.5s ease-in-out;}
.indexPro .proList li:hover .ImgBox img{-moz-transform: scale(0.9); -webkit-transform: scale(0.9);transform: scale(0.9);}
.indexPro .proList li .listTitle{overflow:hidden;display:block;padding:20px 10px;line-height:30px;text-align:center; background:#f9f7f7;}
.indexPro .proList li .listTitle .t{display:block;font-size: 16px;color:#000000;height:30px;line-height:30px; overflow:hidden;}
.indexPro .proList li .listTitle .more{ display:inline-block;font-size: 12px;color:#000000;height:30px;line-height:30px; overflow:hidden; text-decoration:underline;}
.indexPro .proList li .listTitle .more:hover{color:#0093dd;}
.indexPro .proList li:hover .ProLi{-webkit-box-shadow: 0 10px 50px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 30px rgba(0,0,0,.1);box-shadow: 0px 10px 50px rgba(0,0,0,.1);}
/*prev + next*/
.prolunboCon{ position:relative; text-align:center; }
.prolunboIcon .prev,
.prolunboIcon .next{ -webkit-transition: all 0.6s ease;transition: all 0.6s ease;margin:0 8px;display:inline-block;text-decoration: none;width: 44px;height: 44px;border-radius:50%;display:none;}
.prolunboIcon .prev {background:url(../images/index-prev.png) left center no-repeat;}
.prolunboIcon .next {background:url(../images/index-next.png) right center no-repeat;}
.hd2{ display:none;}



/*indexTech*/
.indexTech{font-size:14px; line-height:30px;color:#333333;padding-bottom:50px;padding-top:100px;min-height:600px;background-repeat:no-repeat;background-position:center bottom;}
.indexTech .titleBig .t1 a{font-family:Arial,'Microsoft YaHei',sans-serif;}
.indexTech .indexTech-wz{margin-top:20px; }











/*****************************page start*****************************/
/*pagebanner*/
.pagebannerBox {width:100%;overflow:hidden;margin:0 auto;position: relative; height:435px;background-repeat:no-repeat;background-position:center top;}
.pagebannerBox .t {padding-top:150px;}
.pagebannerBox .t .en{font-size:50px;line-height:normal;display:block; color:#fff;margin-bottom:20px;}
.pagebannerBox .t .d{font-size:16px;line-height:30px;display:block;color:#fff;margin-bottom:80px;}





/*pageInfo*/
.pageInfo{ color:#333333; font-size:14px; line-height:28px; min-height:300px;padding-top:55px;padding-bottom:30px;}
.pageInfo img{ max-width:100%;}
.page-tit{font-size: 30px;color:#464646;overflow:hidden;font-weight: bold;padding-bottom:25px;}
.page-tit2{font-size: 20px;color:#464646;overflow:hidden;padding-bottom:15px;font-weight: 600;}
.pageInfo hr{ width:100%;border:1px solid #dfdcdc!important;color:#dfdcdc; background:#dfdcdc;}




/*PageNav*/
.PageNav {margin:0 auto;padding: 0;text-align:right;display:block;margin-bottom:0px; background:#f7f7f7;}
.PageNav .layout{ position:relative;}
.PageNav ul{margin:0 auto; font-size:0;}
.PageNav li {list-style:none;display:inline-block;*display:inline; zoom:1;text-align:right;}
.PageNav li a {display:inline-block;line-height:52px;font-size:14px;color:#757575;margin-left:40px;position:relative;text-align:center; cursor:pointer;}
.PageNav li a:after{ content:""; width:0;height:2px; position:absolute; left:0; right:0;margin:0 auto;bottom:0; background:#0093dd;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.PageNav li a:hover,.PageNav li.on a{color:#0093dd;}
.PageNav li:hover a:after,.PageNav li.on a:after{width:100%;}



/*listpic*/
.pageList{margin-bottom:30px;}
.pageList{padding:0;}
.pageList ul{margin:0;padding:0;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.pageList ul li.listpic{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width:100%;}
.pageList ul li.listpic a{display:block;position: relative;border-bottom:1px solid #eeeeee;padding:20px 20px;}
.pageList ul li.listpic .date{font-size:14px; color:#666666;line-height:30px; width:170px; height:100px; float:left; text-align:right;}
.pageList ul li.listpic .date span{ display:inline-block;padding-right:24px;background: url(../images/news-date.png) right center no-repeat;}
.pageList ul li.listpic .ImgBox{width:130px;height:100px;overflow:hidden; float:right;}
.pageList ul li.listpic .ImgBox img{width:130px;height:100px;}
.pageList ul li.listpic .ImgBox img,.pageList ul li.listpic .listTitle .listTitleBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pageList ul li.listpic a:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.pageList ul li.listpic .listTitle{overflow:hidden;display:block;padding:0;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; position:relative;}
.pageList ul li.listpic .listTitle .listTitleBox{padding:0 45px 0 50px;}
.pageList ul li.listpic .listTitle .t{font-size: 14px;color:#0093dd;line-height:26px; /*height:30px;font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
.pageList ul li.listpic .listTitle .t2{font-size: 12px;color:#666666;height:48px;line-height:24px; overflow:hidden;margin-top:5px;}
.pageList ul li.listpic .listTitle .more2{text-align:right; float:right; font-size:12px; color:#3b4048;}
.pageList ul li.listpic .cover {display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: 400ms;-webkit-transition: 400ms;opacity:0; visibility:hidden;}
.pageList ul li.listpic a:hover .cover{ opacity:1; visibility: visible;background: rgba(0,0,0,0.05); }




/*contact*/
.ContactTable img{width:60px;}
.ContactTable1{ float:left; width:360px;background:#f7f7f7;border-radius:5px; position:relative;}
.ContactTable2{ float:left; width:360px;background:#f7f7f7;border-radius:5px; position:relative;margin:0 60px;}
.ContactTable3{ float:left; width:360px;background:#f7f7f7;border-radius:5px; position:relative;}
.ContactTable1:after,
.ContactTable2:after,
.ContactTable3:after{content:""; position:absolute;right:10px; top:7px;background:#fff;border-radius:50%; height:13px;width:13px;}
.ContactTable1 td,
.ContactTable2 td,
.ContactTable3 td{padding-left:20px;padding-top:30px;padding-bottom:30px;padding-right:25px;}
.ContactTable1 td.img,
.ContactTable2 td.img,
.ContactTable3 td.img{padding-left:20px;padding-right:0; width:60px;}
.ContactTable1 td{ font-size:12px; line-height:20px; color:#666666;}
.ContactTable2 td,
.ContactTable3 td{ font-size:15px;color:#666666;}
.ContactTable3 td a{color:#0093dd;}
.ContactTable3 td a:hover{ text-decoration:underline;}
.ContactTable1,.ContactTable2,.ContactTable{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.ContactTable1:hover,.ContactTable2:hover,.ContactTable3:hover{background:#e6e6e6;}








/*feedback*/
.contactBOX2{margin-top:20px;padding-top:60px;padding-BOTTOM:30px;border-top:1px solid #e7e7e7;}
.contactTableB1{ float:left;width:700px;}
.contactTableB2{ float:left;width:500px;}
.contactTableB2 .t1{font-size:30px; color:#0093dd;line-height:40px;text-align:left;padding-bottom:20px;}
.contactTable3{ background:none; width:390px;padding-left:0;}
.contactTable3 .t3{ color:#757575; line-height:30px;}

/*feedback2Box*/
.feedback2Box{ padding:0 0  30px 0;font-size:14px;color:#464646;line-height:30px;}
.feedback2Box .contact-tit{font-size:18px;line-height: 30px; font-weight:600;}
.feedback2{font-size:14px;color:#464646;line-height: 30px;text-align:left;padding:0;margin:0 -7px;margin-top:40px;}
.feedback2 .t{ display:block;margin-bottom:10px;}
.feedback2 label{display:block;}
.feedback2 label.l1{float:left;width: 50%; position:relative;}
.feedback2 label .l1Box{margin:0 7px;}
.feedback2 .text{display:block;width: 100%;padding:4px 3% 4px 3%;height:44px;margin-bottom:15px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #eeeeee;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .text2{display:block;width:100%;padding:10px 1.5% 10px 1.5%;height:86px;margin-bottom:15px;outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border:1px solid #eeeeee;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .getcode{display:block;width:65%;padding:4px 3% 4px 3%;height:44px;margin-bottom:0; float:left;
outline:none;font-size:14px;color:#a0a0a0;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border:1px solid #eeeeee;border-radius:5px;background:#fff;text-align:left;}
.feedback2 .kk{font-size:14px;color:#464646; line-height:normal;margin-left:2px;}
.feedback2 .inputbtn{display:inline-block;width:91%;height:44px;line-height:44px;margin:0;outline:none;font-size:14px;color: #fff;font-family: Arial,"微软雅黑",Sans-Serif;border:none;background-color: #464646;cursor:pointer;border-radius:5px;/*margin-top:40px;*/text-align:center; float:right;max-width:230px;margin-top:20px;}
.feedback2 .inputbtn.tj{background:#048cd0;}
.feedback2 .inputbtn.tj:hover{background:#109adf;}
.feedback2 .text:focus,.feedback2 .text:active,.feedback2 .getcode:focus,.feedback2 .getcode:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #87aedf; }





/*pro*/
.proBox-li{padding:0px 0 30px 0;margin-bottom:10px;}
.proBox-tit{font-size:20px; color:#333333;line-height:60px; width:100%; height:60px;background: url(../images/pro-top.png) 98% center no-repeat #eff0f2;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);position: relative;z-index: 1;}
.proBox-tit span{ display:inline-block;padding-left:60px;padding-right:60px;}
/*#pro1 span{background: url(../images/pro-tit1.png) left center no-repeat;}
#pro2 span{background: url(../images/pro-tit2.png) left center no-repeat;}*/
.proBox {height:500px; overflow:hidden;border:1px solid #ccc;border-top:0;background:#fff; position:relative;}


/*mask*/
.mask {width: 100%;height: 100%;display: none;background:rgba(0, 0, 0, 0.5);top: 0;left: 0;z-index: 9999;position: fixed;cursor: pointer;}
.mask div {position: relative;right: 0;left: 0;margin: auto;top: 0;bottom: 0;z-index: 99999;text-align: center;width: 100%;height: 100%;}
.mask div img {position: absolute;top: 0%;left: 0;right: 0;bottom:0;margin: auto;max-width: 75%;width:auto;height: auto;max-height:75%;}
.masks {width: 100%;height: 100%;display: none;background: rgba(00, 81, 80, 0.8);top: 0;left: 0;z-index: 99999;position: fixed;cursor: pointer;}


/*drop*/
.pagebannerBox .t .drop{ display: inline-block;-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce;}
.pagebannerBox .t .drop{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}
@-webkit-keyframes bounce{0%, 20%, 50%, 60%, 80%, 100%{-webkit-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px);}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px);}
}
@-moz-keyframes bounce{0%, 20%, 50%, 60%, 80%, 100%{-moz-transform:translateY(0);transform:translateY(0);}
0%{-moz-transform:translateY(0px);transform:translateY(0px);}
50%{-moz-transform:translateY(0px);transform:translateY(0px);}
60%{-moz-transform:translateY(-30px);transform:translateY(-30px);}
80%{-moz-transform:translateY(-15px);transform:translateY(-15px);}
}
@-o-keyframes bounce{0%, 20%, 50%, 60%, 80%, 100%{-o-transform:translateY(0);transform:translateY(0);}
0%{-o-transform:translateY(0px);transform:translateY(0px);}
50%{-o-transform:translateY(0px);transform:translateY(0px);}
60%{-o-transform:translateY(-30px);transform:translateY(-30px);}
80%{-o-transform:translateY(-15px);transform:translateY(-15px);}
}
@keyframes bounce{0%, 20%, 50%, 60%, 80%, 100%{transform:translateY(0);}
0%{transform:translateY(0px);}
50%{transform:translateY(0px);}
60%{transform:translateY(-30px);}
80%{transform:translateY(-15px);}
}


/*detail_box*/
.detail_box .date{ color:#909090;}
.detail_box .detail_wz{padding-top:30px;border-top:2px dashed #dcdcdc;margin-top:15px;}




/*carousel4*/
.carousel-container {position:relative;width:1000px;margin:0 auto;margin-top:60px;}
.carousel-main {height:380px;width:1000px;margin:0 auto;font-size:12px;font-family: Arial;}
.carousel-feature { position:absolute;top:-1000px;left:-1000px;border-radius:10px;cursor:pointer;text-align:center;/*box-shadow:0 0 15px 3px rgba(0,0,0,.1);*/background-color:#fff;}  
.carousel-feature a{font-size:18px;text-decoration:none;color:#2F8AFF;}
.carousel-image {border:0;display:block;}
.carousel-feature:hover{-webkit-box-shadow:0 0 15px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 3px rgba(0,0,0,.1);box-shadow:0 0 15px 3px rgba(0,0,0,.1);border-radius: 10px; overflow:hidden;}
.carousel-container .carousel-left,
.carousel-container .carousel-right{ position:absolute; height:250px; width:250px;top:40px; z-index:55!important; display:none;}
.carousel-container .carousel-left{left:0;}
.carousel-container .carousel-right{left:772px;}
.carousel-container .carousel-left:hover{-webkit-box-shadow:0 0 15px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 3px rgba(0,0,0,.1);box-shadow:0 0 15px 3px rgba(0,0,0,.1);border-radius: 10px;}
.carousel-container .carousel-right:hover{-webkit-box-shadow:0 0 15px 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 3px rgba(0,0,0,.1);box-shadow:0 0 15px 3px rgba(0,0,0,.1);border-radius: 10px;}

.tracker-summation-container {position:absolute;color:white;right:48px;top:230px;padding:3px;margin:3px;background-color:#000; display:none!important;}
.tracker-individual-container {position:absolute;color:white;right:48px;top:210px;padding:0;margin:0; display:none!important;}
.tracker-individual-container li {list-style:none;}
.tracker-individual-container .tracker-individual-blip {margin:0 3px;padding:0 3px;color:white;text-align:center;background-color:#DDD;}
.tracker-individual-container .tracker-individual-blip-selected {color:white;font-weight:bold;background-color:#000;}

.pagebannerBox{display: block;margin-top:0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.pagebannerBox.pagehover{margin-top:-305px;}

.detail_box{padding-top:0px!important;}

.proBox-tit{ position:relative;}
.proBox-tit .icon-image{ position:absolute; top:0; left:0; width:60px; height:60px; background-size:60px; background-repeat:no-repeat!important;background-position:center center!important;}