html { zoom: 1; }
html * { outline: 0; zoom: 1; }
html button::-moz-focus-inner {
border-color:transparent!important;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, a img { border: 0; }
img { max-width: 100%; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
li { 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: ''; }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/ }
em, i { font-style: normal; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.clear { clear: both; }/* 清除浮动*/
.colwrapper { overflow: hidden; zoom: 1 /*for ie*/; margin: 5px auto; }/* 高度自适应 */
.strong { font-weight: bold; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; text-align: center; }
.block { display: block; }
.inline { display: inline; }
.transparent { filter: alpha(opacity=50); -moz-opacity: 0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; }
.break { word-wrap: break-word; overflow: hidden; /*word-break:break-all;*/ }
.tal { text-align: left }
.tar { text-align: right; }/*文字两侧对齐*/
.justify { text-align: justify; text-justify: distribute-all-lines;/*ie6-8*/ text-align-last: justify;/* ie9*/ -moz-text-align-last: justify;/*ff*/ -webkit-text-align-last: justify;/*chrome 20+*/ }
.toe { /*超出省略号*/ word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 @media screen and (-webkit-min-device-pixel-ratio:0) {/* chrome*/
.justify:after { content: "."; display: inline-block; width: 100%; overflow: hidden; height: 0; }
}
/* 兼容IE6的定位属性fixed，固定不动样式 */

.fixed { position: fixed; clip: rect(0 100% 100% 0); _position: absolute; /* 底部 */ bottom: 0px; left: 0px; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
}
/* 解决固定层在IE6下闪的问题 */

*html { background-image: url(about:blank); background-attachment: fixed; }
/*png图片ie6下透明滤镜实现写法*/

em { font-style: italic !important; }
strike { text-decoration: line-through !important; }
strong { font-weight: bold !important; }
u { text-decoration: underline !important; }
.font14px { font-size: 14px; }
a { color: #4e4e4e; transition: all 0.3s ease-in-out 0s; outline: none; text-decoration: none; }
a:hover { color: #f20001; text-decoration: none; }
body { font-family: "Microsoft YaHei", sans-serif; font-size: 14px; line-height: normal; color: #4e4e4e; background:#f8f8f8; }
/************************************  top nav ***************************/
.w1002 { width: 1002px; margin: 0 auto; position: relative; overflow: hidden; }
.header_top{ position:relative;top:0;background:#fff;width:100%;margin:0 auto;clear:both;z-index:998;left:0;transition: all 0.3s ease-in-out 0s;}
.header_top.fid { border-bottom:solid 1px #e6e6e6; height:130px; }
.header_top.fid .logo{    padding: 0px 0;}
.header_top.fid .navlist ul li{ height:80px; line-height:80px;}

.header_top.fid .logo img{ width:68%;}
.header_top.fid .nav_on{ background:url(../images/xl_ico.png) no-repeat ;background-position-x: 77px; background-position-y: 37px;}
.header_top.fid .navlist_li span{ display:block; position:absolute; width:0px; height:0px; background:#f00; top:77px; left:50%;}
.header_top.fid .List_bg{ width:100%; position:absolute; display:none; top:81px; left:0;  background:#000; z-index:999; padding:20px 0;   }

.header_center{ width:1200px; margin:0 auto; /*display:table;*/ height:125px;}
.header_top .logo{ width:220px; float:left; padding:4px 0; display: inline; }
.header_top .logo img{ width:100%;}
.navlist{ width:742px; margin:auto; text-align:center; float:right; /*display:inline-block;*/}
.navlist .navlist_li{ display:inline-block;  font-size:14px; width:105px; height:125px; line-height:125px; display: inline-block; text-align: center; vertical-align: middle; border-right: 1px #e6e6e6 solid; transition: all 0.3s ease-in-out 0s; float:left;}
.nav_ct{position:relative; }
.navlist .selected a{color:#f00}

.navlist .nav_ct a{ color:#797979}
.navlist .nav_ct span{ display:block; position:absolute; width:0px; height:0px; background:#f00; top:120px; bottom:0; left:50%;}
.navlist .selected span{ display:block; position:absolute; width:100% !important; height:0px; background:#f00; top:120px; bottom:0; left:0 !important;}
.navlist ul .nav_on{ background:url(../images/xl_ico.png) no-repeat ;background-position-x: 77px;
 background-position-y: 60px;}
.List_bg{ width:100%; position:absolute; display:none; top:124px; left:0;  background:#000; z-index:999; padding:40px 0;   }
.lisr_bg_center{ width:1002px; margin:auto; }
.lisr_bg_center ul{}
.lisr_bg_center li{ float:left; padding:0 25px; line-height:40px;  }
.lisr_bg_center li a { color: #bbbbbb;}
.lisr_bg_center li a:hover{ color:#FFF; }
/*******************************banner************************************/
/* slide */
/*banner*/
.banner { width: 100%; position: relative; padding-bottom: 50px; }
.flexslider{position:relative;height:600px;overflow:hidden; width:100%; z-index:10; }
.slides{position:relative;z-index:-1; width:100%; overflow:hidden;}
.slides li{height:864px; cursor:pointer;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{ display:block; text-align:center; width:100%; position:absolute; bottom:25px;}
.flex-control-nav li{display:inline-block;width:14px; /*float:left;*/height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:22px;height:19px;line-height:40px;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer; z-index:1;  /*position:absolute; bottom:5%; margin-left:47%; */text-indent:1000px; display:block;  }
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{ width:100%; margin:0 auto; position:absolute; top:50%; z-index:99; left:0; right:0; display:block; zoom:1; *zoom:1; }
.flex-direction-nav li { }
.flex-direction-nav li a{display:block;width:54px;height:54px;overflow:hidden;cursor:pointer;}
.flex-direction-nav li a.flex-prev{ text-align:left;background:url(../images/l-btn.png) center center no-repeat; position:absolute; left:23%;}
.flex-direction-nav li a.flex-next{ text-align:right;background:url(../images/r-btn.png) center center no-repeat; position:absolute; right:23%;}

@media screen and (max-width:1680px){ 
 .flex-direction-nav li a.flex-prev{ text-align:left;background:url(../images/l-btn.png) center center no-repeat; position:absolute; left:21%;}
.flex-direction-nav li a.flex-next{ text-align:right;background:url(../images/r-btn.png) center center no-repeat; position:absolute; right:21%;}
}

@media screen and (max-width:1600px){ 
 .flex-direction-nav li a.flex-prev{ text-align:left;background:url(../images/l-btn.png) center center no-repeat; position:absolute; left:18%;}
.flex-direction-nav li a.flex-next{ text-align:right;background:url(../images/r-btn.png) center center no-repeat; position:absolute; right:18%;}
}

@media screen and (max-width:1440px){ 
 .flex-direction-nav li a.flex-prev{ text-align:left;background:url(../images/l-btn.png) center center no-repeat; position:absolute; left:15%;}
.flex-direction-nav li a.flex-next{ text-align:right;background:url(../images/r-btn.png) center center no-repeat; position:absolute; right:15%;}
}

@media screen and (max-width:1366px){ 
 .flex-direction-nav li a.flex-prev{ text-align:left;background:url(../images/l-btn.png) center center no-repeat; position:absolute; left:13%;}
.flex-direction-nav li a.flex-next{ text-align:right;background:url(../images/r-btn.png) center center no-repeat; position:absolute; right:13%;}
}








.slide-main { position: relative; }
.prev, .next { display: block; width: 54px; height: 54px; position: absolute; z-index: 222; top: 50%; margin-top: -22px; overflow: hidden; cursor: pointer; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); _border: 1px solid none; }
.prev img, .next img {width: 54px; height: 54px;}
/*.prev { left: 70px; }
.next { right: 70px; }*/
.prev:hover, .next:hover, .nav-main a:hover, .nav-main a.cur { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.Menu li:hover { background: #f00; }
.Menu li:hover a { color: #fff; }
.Menu li.cur { background: #f00; }
.Menu li.cur a { color: #fff; }
.slide-box { display: block; width: 100%; height:370px; overflow: hidden; position: relative; }
.boxCon { display: none; position: relative; position: absolute; width: 100%; vertical-align:middle; }
.banAnimate { display: block; }
.obj {/* position:absolute; z-index: 99999; left: 50%;*/height:370px; animation-name: baoAni; -webkit-animation: baoAni 1s linear 0s normal none; -moz-animation: baoAni 1s linear 0s normal none; animation: baoAni 1s linear 0s normal none; text-align:center; vertical-align:middle }
.banAnimate .obj { display: block; animation-name: baoAni; -webkit-animation: baoAni 1s linear 0s normal none; -moz-animation: baoAni 1s linear 0s normal none; animation: baoAni 1s linear 0s normal none; background: no-repeat top center; background-size: cover; }
.obj img { }
.boxCon .boxCon_conn{
    position: absolute;
    z-index: 9;
    display: table;
    top: 180px;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
	opacity:0;
	top:-100px;}
.boxCon .boxCon_connT{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
	text-align:center;
   _display:  none;
   display:  none\9;
	} 
.boxCon .boxCon_connT img.d1{ display:inline-block; max-width:80%; }
.boxCon .boxCon_connT img{ display:inline-block; max-width:80%; }
.boxCon .boxCon_connT p.texts{ color:#fff; font-size:35px; line-height:normal; padding:3px 0; opacity:0; bottom:-20px; position:relative;}
.boxCon .boxCon_connT p.sub { font-size:20px;}
.boxCon .boxCon_connT p.title{color:#00ffde; font-size:5em;}

/************************************首页 case*************************/
.Icase { width: 1200px; margin: 0 auto; position: relative; }
.Icase .title { }
.Icase .cont { padding: 20px 0; }
.tabcell { display: block; width: 100%; /*height: 100%;*/ padding-top:20px; color:#fff; }
.tabcell a { color:#fff; }
.Icase .cont .Acon { display: block; width: 380px;height: auto; position: relative; overflow: hidden; float: left; margin: 10px 10px 10px 10px; cursor:pointer;}
.Icase .cont .hideCont { position: absolute; width: 100%; /*height:85%;*/ height:100%; top: 0; left: 0; background:url(../images/counter.png); display: block; visibility: hidden;  }
.Icase .cont .hideCont h2{ display: block; color: #fff; font-size: 20px; word-break: keep-all;/* 不换行 */ white-space: nowrap;/* 不换行 */ overflow: hidden; text-overflow: ellipsis; }
.Icase .cont .hideCont p{ width:90%; margin:0px auto; height:auto; display: block; color: #fff; font-size: 18px; overflow: hidden; text-overflow: ellipsis; border-bottom: solid 1px #fff; padding-bottom:10px; margin-top:10px;}
.Icase .cont .hideCont h2 { border-bottom: solid 1px #fff; width: 80%; margin: 0 auto;  padding-bottom:6px;}
.Icase .cont img { width:100%; height:auto;}
.allMONE{ position:absolute;right:0px; top: 15px; padding: 5px 25px; background:#84888D;color:#fff;}/*加*/
.allMONE:hover{color:#fff}/*加*/
.Acon h2{font-size: 16px; padding: 5px 0; text-align: center;word-break: keep-all; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}/*加*/
.Icase .cont .Acon:hover .hideCont { visibility: visible; _visibility: hidden }
.Icase .cont a.more { width: 150px; padding: 10px 0; text-align: center; color: #fff; background: #f20001; display: block; font-size: 16px; margin: 30px auto 0; }
.banne2 { overflow:hidden; background: url(../images/numbg.png) no-repeat center center; width: 100%; height: 490px; position: relative; }
/*.banne2 h1 { font-size: 47px; text-align: center; font-weight: bold; padding-top: 80px; color: #fff; position: relative; z-index: 2; }
.banne2 h2 { text-align: center; margin-top: 70px; float: left; width: 33.3333%; color: #fff; padding-top: 160px; font-size: 22px; background: url(../images/num.png) no-repeat; position: relative; z-index: 2; }
.banne2 h2.num1 { text-align: left; background-position: -7px 0; width: 30%; }
.banne2 h2.num2 { background-position: -271px 0; width: 37%; }
.banne2 h2.num3 { text-align: right; background-position: -627px 0; width: 33%; }*/
.container { position: absolute; height:1000px; width: 100%;_display:none;display:none\9; }
/************************************************ 首页签约************************/
.Contract { width: 1200px; margin: 70px auto; position: relative;}
.Contract .title { margin-bottom: 25px; }
.ContractList { display: table; width: 100%; border-bottom: solid 1px #ccc; padding: 20px 0; }

.ContractList a { display: inherit; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; cursor:default; }

.ContractList .img { overflow:hidden; float: left; width: 400px; height: 250px; border: solid 1px #ccc; text-align: center; vertical-align: middle; }
.ContractList .anli {display: block; text-align: center; background: #fff; padding: 0 2rem 0 0; line-height: 2rem; font-size: 0.8rem; color: #999; border: 1px solid #ccc;  width: 150px; height:32px;  margin-top: 2rem;}
.ContractList .anli i{ float:right; font-size: 0.8rem; background: #eee; color: #999; position: absolute;width: 2rem; height: 2rem; line-height: 2rem; }
.ContractList .anli span{ width:150px; float:left}
.ContractList .anli a:hover span{background: #1d2088; color: #fff; transition: all 0.7s ease-in-out 0s; border: none; transition: all 0.7s ease-in-out 0s;}
.ContractList .anli a:hover i { background: #f39800; color: #fff; transition: all 0.7s ease-in-out 0s; }
.ContractList .img img {width: 100%; margin: 0 auto;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height:auto; }
.ContractList .conn { vertical-align: middle; padding-left:50px;width: 700px;_width: 720px; width:765px\9; float:left; }
.ContractList .conn_bg { height: 144px; display: block; padding: 0 15px; overflow: hidden }
.ContractList .conn_bg h3 {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  color: #50565d; font-size: 16px; padding: 8px 0; font-weight: bold; height:29px; line-height:30px; overflow:hidden; }
.ContractList .conn_bg h2 {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  color: #50565d; font-size: 16px; padding: 8px 0; font-weight: bold; height:29px; line-height:30px; overflow:hidden; }
.ContractList .conn_bg .cont { font-size:0.9rem; line-height:1.5rem; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; color: #84888d; height:auto; overflow:hidden; }
.ContractList .time {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  display: inline-block; vertical-align: middle; position: relative; padding: 0 20px 0 22px; margin-left: 15px; color: #aaaaaa;  }
.ContractList .time i {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: absolute; left: 0; top: 3px; display: inline-block; background: url(../images/conn_1.png) no-repeat; width: 16px; height: 16px; }
.ContractList .num { display: inline-block; vertical-align: middle; position: relative; padding-left: 22px; color: #aaaaaa; }
.ContractList .num i { position: absolute; left: 0; top: 5px; display: inline-block; background: url(../images/conn_2.png) no-repeat; width: 21px; height: 16px; }
.ContractList_hover { }
.ContractList .ContractList_hover:hover .img img{ opacity:0.5;}
.ContractList .ContractList_hover:hover .conn_bg h3 a:hover{color:#A70707}
.ContractList .ContractList_hover:hover .conn_bg h2 a:hover{color:#A70707}
.ContractList .ContractList_hover:hover .conn_bg .cont{color:#ccc}
.ContractList .ContractList_hover:hover  .time{color:#DCDCDC}
.ContractList .ContractList_hover:hover  .time i{ opacity:0.5}
/*****************************  首页选择***********************/

/***********************************底部***********************/
.foot { background:#333; }
.footCont { width: 1200px; margin: 0 auto; padding:45px 0; }
.footCont_l{ float:left;}
.footCont_l h2{ font-size:65px; color:#f20001; font-weight:600;}
.footCont_l h2 a { font-size:65px; color:#f20001; font-weight:600;}
.footCont_l h3{ font-size:52px; color:rgba(255,255,255,0.7); font-weight:600;}
.footCont_l_phone{ padding-top:40px; line-height:84px;}
.footCont_l_phone h3{ font-family:'Impact'; color:rgba(255,255,255,0.9); font-size:84px; }
.footCont_r{ float:right;  line-height:41px; padding-top:198px; font-size:14px; color:#FFF;}
.footCont_r_phone{ background:url(../images/foot_r_ico1.png) no-repeat left center; text-indent:35px;}
.footCont_r_fax{ background:url(../images/foot_r_ico2.png) no-repeat left center; text-indent:35px;}
.footCont_r_mail{ background:url(../images/foot_r_ico3.png) no-repeat left center; text-indent:35px;}
.footCont_r_address { background:url(../images/foot_r_ico4.png) no-repeat left center; text-indent:35px;}

.business{ width:1002px; margin:0 auto; padding-bottom:10px; color:#e6e6e6;text-align:center;}
.business li{ float:left; }
.business li a{line-height:30px; color:rgba(255,255,255,0.3); font-size:14px;}

.foot_link{ width:100%; margin:0 auto; border-top:rgba(255,255,255,0.1) solid 1px;}
.foot_link_center{ width:1002px; margin:0 auto; padding-bottom:10px; padding-top:10px;  }
.foot_link_center h3{ float:left;  color:rgba(255,255,255,0.3); line-height:20px;}
.foot_link_center li{ float:left; padding:0 5px; font-size:12px; line-height:25px;}
.foot_link_center li a{ color:rgba(255,255,255,0.3); }
.Copyright { padding:10px 0;}

/***************************about**********************/
.pageBannerS1 { width: 100%; height: 600px; background: top center no-repeat; text-align: center; color: #fff; }
.pageBannerS1 .texts{top: 70px; position:relative; opacity:0; }
.pageBannerS1 .texts_title { font-size: 37px; font-weight: bold; padding-top: 70px; margin-bottom:13px; line-height:37px; }
.pageBannerS1 p { font-size: 16px; padding-top: 7px; line-height: 28px; }
.tiop { width:100%;
    width: 100%;
    text-align: center;
    padding: 26px 0;
    font-size: 20px;
}
.PublicCon { width: 1200px; margin: 30px auto; position: relative; overflow: hidden; line-height: 150%;  }
.PublicConmax { width: 100%; padding: 70px auto; position: relative; overflow: hidden; line-height: 150%; }
.AboutC { width: 400px; padding: 66px 46px 35px 45px; float: left; margin: 5px; color: #fff; _width: 380px; transition: all 0.3s ease-in-out 0s; }
.AboutC h3 { font-size: 30px; font-weight: bold; line-height: normal; padding-bottom: 20px; }
.ab1 { background: #009587; }
.ab2 { background: #E91C62; }
.ab3 { background: #FFC106; }
.ab4 { background: #9D9D9D; }
.AboutC:hover { background: #d60000; color: #fff }
ul.AboutB { padding: 0 0 40px 0; display: block; }
.AboutB li { border: solid 1px #ccc; width: 280px; height: 150px; float: left; margin-right: 75px; padding-top: 250px; text-align: center; color: #50565d; transition: all 0.3s ease-in-out 0s; }
.AboutB li:hover { border-color: #d60000; }
.AboutB li h3 { font-size: 25px; font-weight: bold; line-height: normal; color: #4e4e4e; padding-bottom: 20px; }
.AboutB li.ys1 { background: url(../images/ab1.png) no-repeat center 83px; }
.AboutB li.ys2 { background: url(../images/ab2.png) no-repeat center 83px; }
.AboutB li.ys3 { margin: 0; background: url(../images/ab3.png) no-repeat center 83px; }
.line { width: 99%; height: 1px; background: #ccc; display: block; margin: 40px auto; font-size: 1%; }
/***********************************************************************site**********************************/
.site .siteTile { font-size: 40px; color: #f20001; text-align: center; line-height: normal; }
.site .siteStile { font-size: 20px; color: #6b6b6b; text-align: center; line-height: normal; }
ul.siteco { display: block; margin: 50px 0; }
ul.siteco li { display: block; width: 300px; float: left; margin-right: 50px; }
ul.siteco li h3 { display: block; text-align: center; padding: 20px 0 10px 0; font-size: 16px; color: #6b6b6b; font-weight: bold; border-bottom: solid 1px #ccc; }
ul.siteco li .text { display: block; padding: 20px 0; color: #6b6b6b; min-height: 63px; _height: 63px; }
ul.siteco li .fuson { display: block; border: solid 1px #ccc; text-align: center; color: #6b6b6b; padding: 10px 0 }
ul.siteco li .time { padding: 20px 0; display: block; text-align: center; color: #6b6b6b; }
ul.siteco li.img3 { margin: 0 }
.site div.text p { text-align: center; color: #4e4e4e; font-size: 16px; line-height: normal; padding: 3px 0; }
.site div.text p strong { text-decoration: underline; }
.site ul.sitect { display: block; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; margin-top: 45px; }
.site ul.sitect li { display: block; width: 300px; padding-top:50px; transition: all 0.3s ease-in-out 0s; float: left; margin-right: 51px; }
.site ul.sitect li p { text-align: center; font-size: 20px; line-height: normal; color: #fff; transition: all 0.3s ease-in-out 0s; }
.site ul.sitect li .ico { display: block; width: 66px; height: 66px; margin: 0 auto; padding: 30px 0 60px 0; }
.site ul.sitect li .ico img { transition: all 0.3s ease-in-out 0s; -webkit-filter: invert(0) }
.site ul.sitect li .text { display: block; color: #fff; padding: 0 10px; transition: all 0.3s ease-in-out 0s; line-height: 25px; padding-bottom:50px; font-size:14px; }
.site ul.sitect li.bg3 { margin: 0; }
.lin40 { padding: 50px 0; display: block; text-align: center; font-size: 16px; }
.site ul.sitect li.bg1 { background: #02A9F3; transition: all 0.3s ease-in-out 0s; }
.site ul.sitect li.bg2 { background: #E91C62; transition: all 0.3s ease-in-out 0s; }
.site ul.sitect li.bg3 { background: #8BC348; transition: all 0.3s ease-in-out 0s; }
.site ul.sitect li:hover{background: #fff;color:#4e4e4e;*background:none;*color:#ffffff;color:#ffffff\0;}
.site ul.sitect li.bg1:hover{*background:#02A9F3;background:#02A9F3\0}
.site ul.sitect li.bg2:hover{*background:#E91C62;background:#E91C62\0}
.site ul.sitect li.bg3:hover{*background:#8BC348;background:#8BC348\0}
.site ul.sitect li:hover h1, .site ul.sitect li:hover .text { color: #4e4e4e; *color:#ffffff;color:#ffffff\0;}
.site ul.sitect li:hover img { transition: all 0.3s ease-in-out 0s; -webkit-filter: invert(0.3) }
.yuanang { border: solid 1px #ccc; border-left: none; border-right: none; margin-top:34px; padding: 30px 0; text-align: center; font-size: 16px; }
.yuanang_red { color: #f20001; font-size: 30px; font-weight: bold; line-height: normal; padding-top: 5px; }
.sitece { width: 100%; height: 600px; }
.sitece h3{
    padding-top: 114px;
    text-align: center;
    font-size: 36px;
    color: #fff;}
.sitece h4{
    text-align: center;
    padding-top: 10px;
    font-size: 19px; color:#fff;
    text-transform: uppercase; transition: all 0.3s ease-in-out 0s;}
.sitece h2{
    text-align: center;
    padding-top: 10px;
    font-size: 19px; color:#fff;
    text-transform: uppercase; transition: all 0.3s ease-in-out 0s;}
.sitece ul{ width:1002px; margin:0 auto; display:block;padding-top: 78px;}
.sitece ul li{ float:left; width:167px;}
.sitece ul li span{ display:block; width:142px; height:156px; margin:0 auto; background:url(../images/sitecebg.png); transition: all 0.3s ease-in-out 0s;}
.sitece ul li:hover span{background:url(../images/sitecebgg.png); }
.sitece ul li:hover h2{ padding-top:15px;}
.sited{ width:100%;}
.sited li{ float:left;width: 153px; height:158px; }
.sited li span{ display:block; width:66px; height:66px; margin:0 auto; transition: all 0.3s ease-in-out 0s; margin-top:10px;}
.sited li i{ display:block; background:url(../images/ico.png) no-repeat center center; width:66px; height:0; margin:0 auto; transition: all 0.3s ease-in-out 0s; }
.sited li .sited_tile{ text-align:center; font-weight:bold; font-size:17px; padding-top:10px; transition: all 0.3s ease-in-out 0s;}
.sited li p{ text-align:center;font-size:15px; padding-top:5px; transition: all 0.3s ease-in-out 0s;}
.sited li:hover span{ margin-top:0;}
.sited li:hover i{ height:40px;}
.sited li:hover h1{ padding-top:5px;}

.sited li.bag1 span{ background:url(../images/ico1.png) no-repeat center center;}
.sited li.bag2 span{ background:url(../images/ico2.png) no-repeat center center;}
.sited li.bag3 span{ background:url(../images/ico3.png) no-repeat center center;}
.sited li.bag4 span{ background:url(../images/ico4.png) no-repeat center center;}
.sited li.bag5 span{ background:url(../images/ico5.png) no-repeat center center;}
.sited li.bag6 span{ background:url(../images/ico6.png) no-repeat center center;}
.sited li.bag2 {      width: 209px;}
.sited li.bag3 {   width: 138px;}
.sited li.bag4 {   width: 194px;}
.sited li.bag5 {   width: 140px;}
.sited li.bag6 {      width: 168px;}
.sitecommon { padding: 70px 0; }
.btsitec { width: 100%;  }
.btsitecTl { float: left; width: 704px; background: #f2f1f1; height: 325px; }
.btsitecTl h3 { padding-top: 60px; text-align: center; font-size: 24px; font-weight: bold; color: #7acec3; }
.btsitecTlc { padding: 37px 46px; font-size: 14px; line-height: 26px; color: #6b6b6b; }
.btsitecTr { float: left; width: 227px; border-left: solid 1px #ccc; height: 272px; padding: 0 35px; padding-top: 53px; font-size: 22px; line-height: 33px; color: #fff; background: url(../images/btsitecTr.jpg); }
.btsitecTr .inquiry { float:left; font-weight:normal !important;}
.btsitecTr p { text-align: right; font-size: 21px; font-weight: bold; }
.btsitecTr p.one { padding-top: 143px; }
.btsitecTr p.two { padding-right: 51px; font-weight: normal; font-size: 19px; }
.btsiteccl { float: left; width: 300px; height: 92px; border-top: solid 1px #fff; padding-top: 46px; background: #27C0AB; margin:10px 0 }
.btsiteccl p { padding-left: 48px; font-size: 14px; line-height: 24px; color: #fff; }
.btsiteccr { float: left; width: 702px; height: 94px; border-top: solid 1px #fff; padding-top: 44px; background: #eaeaea; margin:10px 0 }
.btsiteccr p { padding-left: 71px; font-size: 14px; line-height: 24px; color: #be8b25; }
.btsitecbl { float: left; padding-top: 42px; width: 745px; background-position: 1px right }
.btsitecbl h3 { font-size: 24px; padding-left: 61px; font-weight: bold; padding-bottom: 23px; color: #ff9b6d; }
.btsitecbl p { color: #6b6b6b; padding-left: 34px; color: #6b6b6b; line-height: 25px; font-size: 14px; }
.btsitecbl .Promise { color: #fff; margin-top: 29px; height: 45px; background: #7ACFC3; line-height: 45px; font-size: 14px; padding-left: 34px; }
.btsitecbrcb { float: left;padding-top: 54px; color: #fff; background: #28C1AB; width: 257px; }
.btsitecbrcb .btsitecbrcb_title { padding-left: 17px; font-weight: bold; font-size: 16px; }
.btsitecbrcb p { padding-left: 17px; padding-top: 6px; }
.btsitecbrcb span { height: 45px; background: #EBEBEB; margin-top: 52px; display:block; }
/***********************反转***********/
#thumbs { margin: 0; padding: 0; }
#thumbs li { list-style-type: none; }
#thumbs li a { cursor: help; }
.item-thumbs { position: relative; overflow: hidden; margin-bottom: 30px; cursor: pointer; }
.item-thumbs a + img { width: 100%; }
.item-thumbs .hover-wrap { position: absolute; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; -o-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; }
.item-thumbs:hover .hover-wrap, .item-thumbs.active .hover-wrap { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); cursor:pointer; }
.item-thumbs .hover-wrap .overlay-img { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; background: #ff7b3a; }
.item-thumbs .hover-wrap .overlay-img-thumb { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; color: #FFFFFF; font-size: 32px; opacity: 1; filter: alpha(opacity=100); }
.item-thumbs .hover-wrap .description { position: absolute; top: 0px; left: 0px; display: block; margin-bottom: 0; height: 222px; _display: none; font-size: 14px; color: #FFF; text-align: left; line-height: 25px; width: 100%; }
.item-thumbs .hover-wrap .description .title { color: #FFFFFF; font-weight: 300; font-size: 24px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 150ms ease-out 250ms; -moz-transition: all 150ms ease-out 250ms; -o-transition: all 150ms ease-out 250ms; transition: all 150ms ease-out 250ms; }
.item-thumbs:hover .hover-wrap .description .title, .item-thumbs.active .hover-wrap .description .title { opacity: 1; filter: alpha(opacity=100); }
.box-image { margin-bottom: 30px; }
.js header, .js #content, .js #content #thumbs .item-thumbs, .js .header-post-thumb, .js #get_in_touch, .js footer { opacity: 0; filter: alpha(opacity=0); }
.js header { margin-top: -150px; }
#jpreOverlay { background-color: #FFFFFF; }
.row {
*zoom:1; width: 1002px; margin: 0 auto; }
.row li { float: left; width: 486px; height: 242px; margin-left: 10px }
.row:before, .row:after { display: table; line-height: 0; content: "" }
.row:after { clear: both; }
/*********************end***********/
/*************************************************************case*****************************/
.caselist { width: 290px; float: left; margin: 22px 22px 10px 22px; _margin: 0 11px 10px 11px; }
.caselist a:hover { cursor: pointer; }
.caselist .img { width: 290px; height: 206px; overflow:hidden; position:relative; 
}
.caselist .img img {width: 290px; height: 206px;max-width:none;position: absolute;  top:0; left:0; }

.caselist h2 { border-bottom: solid 1px #ccc; text-align: center; padding: 10px 0; font-size: 16px; width: 290px; height:27px; line-height:30px; overflow:hidden; }
.caselist p { text-align: left; position: relative; line-height: 40px;height: 40px; color: #929191; width: 290px; display: block; }
.caselist p .time { position: absolute; right: 0; top: 0;height: 40px; color:#333; cursor:pointer; }
.caselist p .time:hover{ position: absolute; right: 0; top: 0;height: 40px; color:#DC133A; cursor:pointer;}
.page { margin: 30px 0; text-align: center; width: 100%; }
.publicContTop { padding-top: 0px; width: 100%; }
.publicContTop h1 { color: #212121; font-size: 40px; font-weight: normal; text-align: center; line-height: 40px; height:40px; overflow:hidden; margin-bottom: 15px; }
.publicContTop p.subtitle { color: #525252; font-size: 14px; font-weight: normal; padding-bottom: 30px; border-bottom: solid 1px #bcbcbc; width: 80%; margin: 0 auto; display: block; }
.publicContTop h2 { text-align: center; color: #a3a3a3; line-height: normal; padding: 30px 0; font-size: 14px; }
.publicContTop h2 a { color: #848484 }
.publicContTop h2 a:hover { color: #f20001 }
.qita { text-align: center; padding: 50px 0; font-size: 40px; color: #50565d; line-height: normal; }
.contact h1 { font-size: 54px; color: #ff0000; line-height: normal; text-align: center; }
.contact h3 { font-size: 40px; color: #ff0000; font-weight: bold; line-height: normal; text-align: center; padding-bottom: 22px;
    margin-top: -5px;}
.contact_p { font-size: 35px; color: #ff0000; font-weight: bold; line-height: normal; text-align: center; padding-bottom: 22px;
    margin-top: -30px;}
.contactD1 { width: 274px; height: 80px; padding-top: 120px; display: block; text-align: center; background: url(../images/contact.png) no-repeat 0px 50px; }
.contactD2 { width: 430px; height: 80px; padding-top: 120px; display: block; text-align: center; background: url(../images/contact.png) no-repeat -295px 50px; }
.contactD3 { width: 274px; height: 80px; padding-top: 120px; display: block; text-align: center; background: url(../images/contact.png) no-repeat -732px 50px; }
.contactD4 { width: 274px; height: 80px; padding-top: 120px; display: block; text-align: center; background: url(../images/contact.png) no-repeat 0px -149px; }
.contactD5 { width: 713px; height: 80px; padding-top: 120px; display: block; text-align: center; background: url(../images/contact.png) no-repeat -299px -149px; }
.Hovn { cursor: default; background: #eae9e9; float: left; margin-right: 5px; color: #3a3a3a; font-size: 16px; }
a.Hovn:hover { background-color: #f20001; color: #fff; }
.huik { display: block; padding-bottom:20px; text-align: center; font-size: 18px;color:#fff; font-weight:bold; }


.wrapper { width: 1200px; margin:0 auto;color:#fff;padding-top: 200px;}
.counter {padding: 47px 0; border-radius: 5px; background:rgba(14, 86, 222, 0.65);}
.col_fourth { width: 22%;    margin: 0 1.5%;*margin: 0 1%; position: relative; display: inline; display: inline-block; float: left; }

.count-title { font-size: 72px; font-weight: normal; margin-bottom: 0; text-align: center; _height:105px; }
.count-text {     font-size: 22px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }



.contactTel { border-top:solid 1px #ccc; width:980px; margin:0 auto; padding:34px 0;
}
.contactTelO,.contactTelt,.contactTels {
 float:left; transition: all 0.3s ease-in-out 0s;  border-right:solid 1px #ccc; width:33% ; text-align:center; background:url(../images/contact1.png) no-repeat center top; padding-top:70px; font-size:16px; color:#262626; line-height:23px;
}
.contactTelt { background-image:url(../images/contact2.png)
}
.contactTels { background-image:url(../images/contact3.png); border-right:none;
}

.contactTelO:hover {  background-image:url(../images/contact11.png)}
.contactTelt:hover {  background-image:url(../images/contact22.png)}
.contactTels:hover {  background-image:url(../images/contact33.png)}
.contactTelF { border:solid 1px #ccc; border-left:none; border-right:none; padding:20px 0; text-align:center; color:#262626; font-size:16px;width:980px; margin:0 auto;
}
.map {
    margin-top: 100px;
    position: relative;
    z-index:9;
}
.map-s {
    height:221px;
    text-align: center;
    overflow: hidden;
}.map .btn {
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 181px;
    display: inline-block;
    position: relative;
    top: 87px;
}
 .map em {
    background: url(../images/arr1.jpg) center top no-repeat;
    width: 100%;
    height: 15px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
 .map-pop {
    display: none;
    height: 541px;
    position:relative;
    left: 0;
    width: 100%;
    top: -159px;
    z-index: -1;
}.map .btn-down {
    background: url(../images/map_down.png) no-repeat;
    width: 112px;
    height: 48px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 52px;
    margin-left: -50px;
    z-index: 99;
}.map .map-bg1, .map .map-bg2 {
    background: url(../images/ban_bg_top.png) no-repeat center 0;
    height: 54px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 66;
}.map .map-bg2 {
    height: 41px;
    bottom: 0px;
    top: auto;
    display:none;
}
.yinhang { height:319px; width:100%; position:relative; z-index:1;      margin-top: -130px;padding-top: 212px;}
.yinhang table { margin:0 auto;color:#fff;font-size: 15px;}
.footer { width:100%; color:#e6e6e6; background:#000; padding:20px 0; text-align:center; font-size:12px;}

/*首页新闻切换*/
.menu{position: absolute;top: 15px;right: 120px; }
.menu ul{margin:0;padding:0;}
.menu li{color:#333;float:left;height:60px;line-height:60px;text-align:center; cursor:pointer; font-size:15px;}
.menu li h3{ float:left;  height:60px; overflow:hidden;  color:#333;  padding:0 10px;}
.menu li #selected  { color: #f00; float: left; height: 60px; font-weight: 600;}




/*案例详情*/
.publicContTop_p{ width:900px; margin:0 auto;}
.publicContTop_web{ width:1002px; margin:0 auto; line-height:20px; margin-bottom:30px; margin-top:30px; }
.web_http{ text-align:left; line-height:30px;}
.web_http p{ background:url(../images/atr_right.png) no-repeat left center; padding-left:10px; float:left; margin-left:30px; margin-bottom:15px;}
.web_http p a{ font-size:16px ; color:#333;}
.web_http p a:hover{ font-size:16px ; color:#f00;}
.down{ border-bottom:#DADADA solid 1px; color:#696868; font-size:14px; line-height:30px; width:1002px; margin:30px auto; padding-bottom:20px;}
.down a{ color:#696868;}
.down a:hover{ color:#000;}
.case_bottom{ width:95%; margin:20px auto; }
.case_bottom_l{ float:left; background:url(../images/atr_left.png) no-repeat left center; padding-left:10px; width:210px; height:30px; line-height:30px; overflow:hidden; text-align:left;}
.case_bottom_r{ float:right; background:url(../images/atr_right.png) no-repeat right center; padding-right:10px; width:210px; height:30px; line-height:30px; overflow:hidden; text-align:right;}
.case_bottom a{}


/*新闻列表*/
.NEWset{ padding-top:20px; width:1200px; margin:auto; padding-bottom:20px;  }
.NEWset a{ display:inline-block; padding: 0 5px;}
.news-top{border-bottom: 1px solid rgba(202, 202, 202, 0.81);padding: 10px 0;}
.case-title { float: left; padding-right: 45px; font-weight: bold;}
.case-titlelist {float: left;}
.case-titlelist li { float: left;padding: 0 12px;}
.case-titlelist li a {font-size: 13px;}
.newconTop{width: 100%;}
.newcontL{width:65%; text-align:left; float:left; padding:1%;background:#ffffff;}
.newcontL .cp_title{ width:98%; height:40px; border-bottom:1px solid #eeeeee; margin:10px;}
.newcontL .cp_title ul{margin:0;padding:0;}
.newcontL .cp_title li{color:#333;float:left;height:40px;line-height:40px;text-align:center; cursor:pointer; font-size:15px;}
.newcontL .cp_title li h3{ float:left;  height:40px; overflow:hidden;  color:#333;  padding:0 10px;}
.newcontL .cp_title li:hover { border-bottom:1px solid #f00; }
.newcontL .cp_title li .off { border-bottom:1px solid #000; }
.newcontL .cp_con{ width:100%; margin-top:30px;}
.newcontL .cp_con .cp_img p{ width:98%; text-align:center; margin:20px auto;}
.newcontL .cp_con .cp_con_con p{ width:98%; text-align:left; margin:20px auto;}

.newcontL_content {width: 100%; margin-top:10px;}
.newcontL_content p {margin:10px;}

.newcontL .cp_con img{ width:100%;}
.newcontL_information_l{ text-indent:2em;padding:10px 0; font-style: italic;}
.newcontL_information_r{ text-indent:2em;padding:10px 0; font-style: italic;}

.newcontL h1{    font-size: 30px; height: 33px; padding: 6px; line-height:35px; overflow:hidden;  text-align: center; font-weight: bold;}
.newcontL h2 a{font-size:12px;  color:#F00;}
.newcontL_information {  text-align: center;  width: 415px;margin: auto;}
.newcontL_information_l { float:left;}
.newcontL_information_r { float:left;}
.newcontR{width:26%;  float:right; background:#ffffff; padding:2%;}
.newcontR h3{ width:100%; margin:auto; font-size:16px;color:#333; padding:5px 0 ;    word-break: keep-all;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-weight:700;}
.newcontR p{width:98%; height:50px; line-height:20px; overflow:hidden; color:#CCC;font-size:12px; }
.back{float: right; }   
.back a{color:#CCC}
.newRlist{ width:100%; padding-bottom:30px;}
.newRlist li{ padding:2px 0; border-bottom:1px dashed #eee;word-break: keep-all;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}



.pad a{ color:#666;}
DIV.yellow {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-TOP: 2px; FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif
}
DIV.yellow li{ float:left;}
DIV.yellow thisclass{border: 1px solid #999;}
DIV.yellow A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #515151; TEXT-DECORATION: none
}
DIV.yellow A:hover {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #666
}
DIV.yellow A:active {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #666
}
DIV.yellow SPAN.current {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR:#333
}
DIV.yellow SPAN.disabled {
	DISPLAY: none
}



.rightadv {
    position: fixed;
    right: 0px;
    top: 100px;
    width: 175px;
    height: 466px;
    background:url(../images/online_xg.png) no-repeat  no-repeat;
    padding-top: 136px;
    z-index:999;
}
.rightadv ul li {
    height: 43px;
    line-height: 43px;
    margin-bottom: 0px;
}
.rightadv ul li a {
    display: block;
    width: 170px;
    text-align: center;
    text-indent: -99999px;
}
.rightadv ul li.top_wb {
    margin-top: 260px !important;
}
.rightadv ul li.top_head {
    height: 30px !important;
    line-height: 30px;
}
.rightadv ul li.top_head a {
    display: block;
    width: 130px;
    height: 30px;
    margin-left: 20px;
}

.menudiv a.more { width: 150px; padding: 10px 0; text-align: center; color: #fff; background: #f20001; display: block; font-size: 16px; margin: 30px auto 0; }

.fastEntry { background-color: #2b2b2b; font-size: 0.7rem; line-height: 1.5rem; color: #fff; }
.fastEntry span { display: inline-block; }
.fastEntry .active { color: #f39700; }
.fastEntry #fastEntry .share { }
.fastEntry .tel { margin-right: 0.8rem; }
.fastEntry .tel .fa { margin-right: 0.25rem; }

.fastEntry .lang a { display: inline-block }
.fastEntry .lang a.cn { padding: 0 5px; border-right: 1px solid #ededed; }
.fastEntry .lang a.en { padding: 0 5px; }
.fastEntry .lang a:hover { color: #c4c4c4; }
.fastEntry .lang a:active { color: #aaa; }
.fastEntry .top{ width:1000px; height:30px; margin:0px auto;}
.fastEntry .top .left{ float:left;}
.fastEntry .top .right{ float:right;}

#zzsc {	height: auto;width: 358px; margin: 5px; padding:15px;overflow: hidden; float:left; border:solid 1px #e6e6e6;}
#zzsc ul li {width: 100%;height:auto;overflow: hidden;float: left;position: relative; background:#fff;}
#zzsc ul li h2 {font-size: 16px; padding: 15px 0; text-align: center;word-break: keep-all; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
#zzsc ul li p {width:90%; margin:0px auto; height:auto; display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis;line-height:20px; margin-bottom:10px;}
#zzsc ul li img{width: 100%;height: auto;}
#zzsc ul li .text {	width: 100%;height: 0px;overflow: hidden;	position: absolute;	left: 0;bottom: 0;background: rgba(28, 28, 28, 0.6);font-size: 12px;color: #fff;}
#zzsc ul li .text a { color:#FFFFFF;}
#zzsc ul li .text a:hover{ color:#f20001;}
#zzsc ul li .text p {width:90%; margin:0px auto; height:auto; display: block; color: #fff; font-size: 18px; overflow: hidden; text-overflow: ellipsis; border-bottom: solid 1px #fff; padding-bottom:10px; margin-top:10px;}
#zzsc ul li .text h2 {font-size: 16px; padding: 25px 0; text-align: center;word-break: keep-all; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.choose { width: 1200px; height:200px; margin: 70px auto; position: relative; }
.apply{width:1200px;margin:20px auto 0 auto;}
.apply_nav{position:relative;width:1100px;float:left;height:160px;overflow:hidden; margin:0px auto; margin-left:48px;}
.apply_w{position:absolute;width:1000px;float:left;left:0px}
.apply_array{padding:10px;width:255px;float:left;height:auto;}
.apply_img{border: 1px solid #e1e1e1;width:100%; height:auto;}
.apply .apply_img img{width:255px; height:auto;}
.apply .img_l{cursor: pointer; z-index: 999; margin-top: -20px; width: 40px; height: 40px; background: #bfbfbf; color: #fff; font-size: 28px; display: block; text-align: center; position: absolute; top: 70%; left: 0px;}
.apply .img_l i{ line-height:2.4rem;}
.apply .img_r{cursor: pointer; z-index: 999; margin-top: -20px; width: 40px; height: 40px; background: #bfbfbf; color: #fff; font-size: 28px; display: block; text-align: center; position: absolute; top: 70%; right: 0px;}
.apply .img_r i{ line-height:2.4rem;}

.cpshow{ background:#fff; width:1180px; height:335px; padding:10px; margin:0px auto;}
.cpshow .fl{ width:600px; float:left; margin:5px;}
.cpshow .fr{ width:560px; float:right;margin:5px;}
.cpshow .cp_content{ width:96%; margin:2%;}
.cpshow .cp_content h1{ font-size:28px;}
.cpshow .cp_content span{ font-size:14px; line-height:40px;}
.cpshow .cp_content p{ font-size:14px; line-height:32px; border-top:1px solid #eeeeee; border-bottom: 1px solid #eeeeee; width:96%; margin:2%;}

/*产品页展示图开始*/
.warper{ width: 600px; height: 300px; border: 2px solid #f8f8f8; margin: 0 auto;}
#wowslider-container1 { zoom: 1; position: relative; max-width: 600px; float:right; z-index: 90 }
* html #wowslider-container1 { width: 600px }
#wowslider-container1 .ws_images ul { position: relative; width: 10000%; height: auto; left: 0; list-style: none; margin: 0; padding: 0; border-spacing: 0; overflow: visible }
#wowslider-container1 .ws_images ul li { width: 1%; line-height: 0; float: left; font-size: 0; padding: 0!important; margin: 0!important }
#wowslider-container1 .ws_images { position: relative; left: 20%; top: 0; width: 80%; height: 80%; overflow: hidden }
#wowslider-container1 .ws_images a { width: 100%; display: block; color: transparent }
#wowslider-container1 img { max-width: none!important }
#wowslider-container1 .ws_images img { width: 100%; border: none 0; max-width: none; padding: 0; margin: 0 }
#wowslider-container1 a { text-decoration: none; outline: 0; border: 0 }
#wowslider-container1 .ws_playpause { display: none; width: 7.1em; height: 7.1em; position: absolute; top: 50%; left: 50%; margin-left: -3.5em; margin-top: -3.5em; z-index: 59; background-size: 100% }
#wowslider-container1:hover .ws_playpause { display: block }
#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100%!important }
#wowslider-container1 .ws-title { position: absolute; display: block; bottom: 3.5em; left: 1em; margin-right: 1em; padding: 1em .9em .9em .9em; background-color: rgba(0,0,0,0.4); color: #fff; z-index: 50; font-weight: bold; text-transform: uppercase; border-radius: .2em; -moz-border-radius: .2em; -webkit-border-radius: .2em }
#wowslider-container1 .ws-title div { margin-top: .3em; font-size: 1.6em; line-height: 1.15em; font-weight: normal; text-transform: none; color: #fff }
#wowslider-container1 .ws-title span { font-size: 2.4em }
#wowslider-container1 .ws_thumbs { font-size: 0; position: absolute; overflow: auto; z-index: 70; left: 0; top: 0; width: 18.72%; height: 100% }
#wowslider-container1 .ws_thumbs img { text-decoration: none; border: 0; width: 100% }
#wowslider-container1 .ws_thumbs a { position: relative; text-indent: -4000px; color: transparent; opacity: .85; text-decoration: none; display: inline-block; border: 0; text-indent: 0; padding:6px; width: 90%; background-color: #fff }
#wowslider-container1 .ws_thumbs a:hover { opacity: 1 }
#wowslider-container1 .ws_thumbs a:hover img { visibility: visible }
#wowslider-container1 .ws_thumbs div { position: relative; width: 100% }
#wowslider-container1 .ws_thumbs a.ws_selthumb { background-color: #ff6600 }
#wowslider-container1 .ws_images ul { animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite }
@keyframes wsBasic {
0% {left:-0%}
12.5% {left:-0%}
25% {left:-100%}
37.5% {left:-100%}
50% {left:-200%}
62.5% {left:-200%}
75% {left:-300%}
87.5% {left:-300%}
}
@-moz-keyframes wsBasic {
0% {left:-0%}
12.5% {left:-0%}
25% {left:-100%}
37.5% {left:-100%}
50% {left:-200%}
62.5% {left:-200%}
75% {left:-300%}
87.5% {left:-300%}
}
@-webkit-keyframes wsBasic {
0% {left:-0%}
12.5% {left:-0%}
25% {left:-100%}
37.5% {left:-100%}
50% {left:-200%}
62.5% {left:-200%}
75% {left:-300%}
87.5% {left:-300%}
}
/*产品页展示图结束*/