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


@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1464081314'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1464081314#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1464081314') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1464081314') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1464081314#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}

.ptb10{ padding:10px 0;}
.ptb20{ padding:20px 0;}
.ptb30{ padding:30px 0;}
.ptb40{ padding:40px 0;}

.plr30{ padding:0 30px;}

.mtb20{ margin:20px auto;}
.mtb30{ margin:30px auto;}
.mtb40{ margin:40px auto;}

.mlr30{ margin:0 30px;}

.mAll30{ margin:30px;}

.bShadow59{ box-shadow:0 0 5px #999;}

ul{ list-style:none; margin:0; padding:0;}

.ulList5 li{ width:20%; float:left;}
.ulList4 li{ width:25%; float:left;}
.ulList3 li{ width:33.33%; float:left;}
.ulList2 li{ width:50%; float:left;}
.ulList1 li{ width:100%;}

.container{ padding: 0;}

body{ font-family:"微软雅黑", "宋体", Helvetica, Arial, sans-serif; font-size: 16px; min-width: 1200px;}

.green{ background:#39b379;}

.topTips{ height:4px; background:#158952;}

.topHeight{ height:90px; overflow:hidden;}

.top{ width:100%; min-width: 1200px; height:90px; position:absolute; background:#FFF; z-index:99; box-shadow:0 0 5px #999;}
.top--full > .container{ width: 100%; padding: 0 15px;}


.topLan{ width:54px; text-align:center;}
.topLan a{ display:block; width:100%; height:40px; text-align:center; line-height:40px;}

.logo{ height: 90px; line-height: 90px;}

.nav{ position:relative; z-index:9; text-align: right;}
.nav ul{ list-style:none; margin:0; padding:0;}
.nav__item{ width:100px; display: inline-block;}
.nav__item > a{ width:100%; height:90px; line-height: 90px; overflow:hidden; display:block; text-align:center; text-decoration:none; box-sizing:content-box; font-size: 16px; color: #111; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; margin:0; padding:0; position:relative;}
.nav__item > a p{ width:100%; height:90px; line-height:90px; overflow:hidden; color:#333; font-size:16px; display:block; text-align:center;}
.nav__item > a.active{ background: #c00036; color: #FFF; }

.nav__item:hover > a{ background: #c00036; color: #FFF}

.flowsub{ position: fixed; width:100%; min-width: 1200px; height:0; left: 0; top: 90px; z-index: 1; overflow:hidden; background:rgba(255,255,255,.95); padding:0;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; text-align: right;}
.flowsub__ul{ width: 126px; border-right: solid 2px #f1f1f1; text-indent: 1em; list-style: none; text-align: left; display: inline-block; margin: 0; padding: 0; vertical-align: top;}
.flowsub__ul:last-child{ border: 0;}
.flowsub__ul li{ width:100%; overflow:hidden; float:none;}
.flowsub__ul a{ width:100%; height:32px; overflow:hidden; line-height:32px; text-align:left; margin:0; padding:0; border:0; color:#333; font-size:14px;}
.flowsub__ul a:hover{ border:0; background: none; color: #c00036;}

.flowsub__title{ display: inline-block;}
.flowsub__title img{ display: block;}

.nav__item:nth-child(2) .flowsub .flowsub__ul:last-child{ margin-right: 340px;}
.nav__item:nth-child(3) .flowsub .flowsub__ul:last-child{ margin-right: 480px;}
.nav__item:nth-child(4) .flowsub .flowsub__ul:last-child{ margin-right: 502px;}
.nav__item:nth-child(5) .flowsub .flowsub__ul:last-child{ margin-right: 275px;}
.nav__item:nth-child(6) .flowsub .flowsub__ul:last-child{ margin-right: 296px;}
.nav__item:nth-child(7) .flowsub .flowsub__ul:last-child{ margin-right: 183px;}
.nav__item:nth-child(8) .flowsub .flowsub__ul:last-child{ margin-right: 85px;}






.nav__item:hover > a{}
.nav__item:hover .flowsub{ height:auto; padding:30px 0; border-top: solid 4px #c00036; box-shadow: 0 5px 5px #999; }
.nav__item:hover a i{ opacity:0;}
.nav__item:last-child  .flowsub{ position:relative; margin-left:-80px;}

.nav__item:hover a.active i{ top:70px; opacity:0;}
.nav__item:hover a:hover i{ top:80px; opacity:1;}

.top.fixed{ height: 60px; position: fixed; top: 0; left: 0; z-index: 9999;}
.top.fixed .logo{ height: 60px;}
.top.fixed .logo a{ height: 60px; display: block;}
.top.fixed .logo img{ height: 40px; width: auto; margin: 10px 0; display: block;}
.top.fixed .nav__item > a{ height: 60px; line-height: 60px;}
.top.fixed .nav__item > a p{ height: 60px; line-height: 60px;}
.top.fixed .nav__item .flowsub{ top: 60px;}



.navTips{ width: 34px; margin: 0 5px;}
.navTips i{ font-size: 24px; color: #CCC;}
.navTips a:hover{ background: none; color: #111;}
.navTips a:hover i{ color: #c00036;}


.indexBanner{ width:100%; min-width: 1200px;}
.indexBanner .carousel-inner .item > div{ margin:0; padding:0; border:0;}
.indexBanner .carousel-inner .item p{ margin:0; padding:0; border:0;}
.indexBanner .carousel-control{ display: none;}


.indexAD li:last-child{ text-align: right;}


.indexAbout{ clear: both; margin: 50px 0;}
.indexAbout ul{ width: 1200px; height: 660px; list-style: none; margin: 0; padding: 0; display: block; box-shadow: 0 0 5px #999;}
.indexAbout li{ height: 330px; overflow: hidden; text-align: center; padding:50px; background: #FFF; box-shadow: 0 0 5px #999; position: relative; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexAbout li *{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexAbout li a{ width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; left: 0; top: 0;}

.ulList4 .indexAbout__li--cols-2{ width: 50%;}

.indexAbout li i{ font-size: 72px; color: #c00036;}
.indexAbout li h3{ color: #000; line-height: 40px;}
.indexAbout li h3 strong{ color: #c00036;}
.indexAbout li h5{ color: #000;}
.indexAbout li span{ display: block; font-size: 12px; color: #999; text-transform: uppercase; opacity: 1;}

.indexAbout li.indexAbout__about{ background: #cd002d url(../images/indexAboutFirst.jpg) center center no-repeat; background-size: cover;}
.indexAbout li.indexAbout__about h3{ color: #FFF; line-height: 50px;}
.indexAbout li.indexAbout__about p{ height: 72px; overflow: hidden; line-height: 24px; color: #FFF; font-size: 14px;}

.indexAbout li i.indexAbout__iconBg{ position: absolute; font-size: 600px; color: #cd002d; left: 50%; top: 50%; opacity: .02; display: block; transform: translate(-50%, -50%);}


/*.indexAbout li:hover{ background-color: #cd002d;}
.indexAbout li:hover *{ color: #FFF;}*/

.indexAbout li:hover i{ font-size: 100px;}
.indexAbout li:hover span{ opacity: 0;}


.indexAboutBg{ width: 100%; min-width: 1200px; height: 556px; overflow: hidden; background-color: #74bfe9; position: absolute; margin-top: -380px; z-index: -1;}

.indexPro{ position: relative; margin-top: 60px;}

.proType{margin-top: -165px}

.picScroll-left{ width:1200px; position:relative;}
.picScroll-left .hd{ width: 100%;  height:160px; line-height: 160px; background: none; padding:0 10px; position: absolute; top: 0; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:60px; height:160px; line-height: 160px; overflow:hidden; cursor:pointer; position: absolute; left: 0; font-size: 20px; text-align: left; color: #c00036; text-shadow: 0 0 5px #999; font-weight: bolder; transform: scale(1,1.5); -ms-transform: scale(1,1.5); -webkit-transform: scale(1,1.5); -moz-transform: scale(1,1.5); -o-transform: scale(1,1.5); transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; z-index: 99;}
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{ text-decoration: none; color: #c00036;}
.picScroll-left .hd .next{ left: auto; right: 0; text-align: right;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd .pageState{ display: none;}
.picScroll-left .hd ul{ display: none; float:right; overflow:hidden; zoom:1; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ overflow: hidden; position: relative; z-index: 6;}
.picScroll-left .bd ul{ zoom:1; }
.picScroll-left .bd ul *{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.picScroll-left .bd ul li{ width: 208px; padding: 5px 0; float:left; _display:inline; text-align:center; opacity: 0.8;}
.picScroll-left .bd ul li .picListBox{ width: 160px; overflow: hidden; box-shadow: 0 5px 8px #999; background: rgba(255,255,255,.95); border-radius: 5px;}
.picScroll-left .bd ul li .pic{ width: 160px; overflow: hidden; text-align:center; width: 160px; height: 160px;}
.picScroll-left .bd ul li .pic img{ width:160px; height:160px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
.picScroll-left .bd ul li .title a{ width: 160px; height: 40px; line-height:40px; font-size: 16px; color: #666; text-decoration: none; display: block;}



.rczpBox { width:100%;}
.rczpBox .zp_search{ overflow:hidden; margin-bottom:30px; margin-top:60px;}
.rczpBox .zp_search select{ display:block; float:left; width:348px; height:33px; line-height:33px; border:1px solid #cecece; margin-right:20px; font-size:12px; color:#999; padding-left:10px;}
.rczpBox .zp_search .sbox{ overflow:hidden; width:458px; height:33px; background-color:#fff; border:1px solid #cecece;float:right}
.rczpBox .zp_search input{ display:block; font-size:12px; color:#999; line-height:33px;  float:left; width:370px; height:33px; border:none; outline:none; line-height:33px; margin-left:10px;}
.rczpBox .zp_search i{ display:block; width:60px; height:33px; float:right; cursor:pointer;}
.rczpBox .zpList{ width:100%; padding-top:20px;}
.rczpBox .zpList li{ width:100%; overflow:hidden; margin-bottom:20px; box-shadow:0 0 5px #CCC;}
.rczpBox .zpList li .tkBox{}
.rczpBox .zpList li .h5{ cursor:pointer; padding-left:20px;  line-height:50px; height:50px; background:url(../images/zhaopin02.png) no-repeat 1020px center;background-color:#FFF; margin:0;}
.rczpBox .zpList li .h5 span{font-size:16px; color:#333; font-weight:bold; display:block; width:80%; white-space:nowrap; overflow:hidden; float:left; text-overflow:ellipsis}
.rczpBox .zpList li .h5 em{ font-size:14px; color:#fff;display:block; width:250px; float:left}


.rczpBox .zpList li:hover .h5 span,.rczpBox .zpList li.cur .h5 span,
.rczpBox .zpList li:hover .h5 em,.rczpBox .zpList li.cur .h5 em{ color:#fff}
.rczpBox .zpList li:hover .h5,.rczpBox .zpList li.cur .h5{background-color:#c00036;}

.rczpBox .zpList .zwjs{ overflow:hidden; width:100%; margin-bottom:8px; display:none; background-color:#fff; padding-top:30px;}
.rczpBox .zpList .zwjs h4{ font-size:20px; color:#333; margin-bottom:20px;}
.rczpBox .zpList .zwjs table{ overflow:hidden; width:100%; margin-bottom:40px;}
.rczpBox .zpList .zwjs tr{ overflow:hidden; height:40px; font-size:12px; color:#777; width:100%; text-align:center; border-bottom:1px solid #e7e7e7}
.rczpBox .zpList .zwjs .trh{ overflow:hidden; background-color:#f0f0f0;}
.rczpBox .zpList .zwjs td{ border-right:1px solid #e7e7e7}
.rczpBox .zpList .zwjs td.last{ border:none}
.rczpBox .zpList .zwjs .rzzg{ overflow:hidden; width:980px; margin:0 auto; padding-bottom:30px; border-bottom:1px solid #e7e7e7; margin-bottom:25px;}
.rczpBox .zpList .zwjs .rzzg h6{ font-size:14px; color:#555; margin-bottom:15px;}
.rczpBox .zpList .zwjs .rzzg p{ font-size:14px; color:#777; line-height:30px;}
.rczpBox .zpList li .h5 span,.joinBox .rczpBox .zpList li .h5 em{ color:#333; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.rczpBox .zpList li .h5{background-color:#FFF; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.rczpBox .zpList li .h5 span{ width:550px;}
.rczpBox .zpList li:nth-child(1){ display:block;}


@media (min-width: 1200px) {
  .picScroll-left .hd .prev{ left: -60px; color: #FFF;}
  .picScroll-left .hd .next{ right: -60px; color: #FFF;}

}

.picScroll-left .bd ul li.active,.picScroll-left .bd ul li:hover{ opacity: 1;}
.picScroll-left .bd ul li.active .picListBox .title,.picScroll-left .bd ul li:hover .picListBox .title{ background-color: #c00036;}
.picScroll-left .bd ul li.active .title a,.picScroll-left .bd ul li:hover .title a{ height: 50px; line-height:50px; color: #FFF;}

.indexProInfo{}
.indexProInfo__img{ float: left;}
.indexProInfo__img img{ width: 290px; height: 300px;}

.indexProInfo__img--full{ float: none; width: 100%;}
.indexProInfo__img--full img{ width: 100%; height: auto;}


.indexProInfo__content{ margin-left: 320px; max-height:320px; overflow:hidden}
.indexProInfo__content h3{ height: 30px; overflow: hidden; line-height: 30px; color: #c00036;}
.indexProInfo__content a{ width: 140px; height: 30px; line-height: 30px; display: block; background: #c00036; font-size: 14px; color: #FFF; text-align: center; float: right; margin: 0; padding: 0; border-radius: 30px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexProInfo__content a:hover{ opacity: .7; color: #FFF;}
.indexProInfo__content div{ height: 8.75em;}
.indexProInfo__content div *{ font-size: 0.875em;; color: #666;}

.indexProInfo__content--full{ margin: 0;}
.indexProInfo__content--full div{ height: auto;}
.indexProInfo__content--full img{ margin-right:25px;}

.indexProInfoList{ list-style: none;}
.indexProInfoList li{ width: 100%; clear: both; display:none}
.indexProInfoList li.active{ display: block;}


.pro_back a{ width: 140px; height: 30px; line-height: 30px; display: block; background: #c00036; font-size: 14px; color: #FFF; text-align: center; margin:auto;  padding: 0; border-radius: 30px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}


.indexPicNews{ height:400px; overflow:hidden; padding: 50px 0; background:#f8f8f8;}

.indexTitleBox{}
.indexTitleBox h3{ margin: 0 0 30px; line-height: 50px;}
.indexTitleBox a{ float: right; line-height: 50px;}
.indexTitleBox a i{ font-size: 24px; color: #666; border-radius: 50px; font-weight: bold; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexTitleBox a:hover{ text-decoration: none;}
.indexTitleBox a:hover i{ color: #cd002d; font-weight: bold;}

.indexPicNews ul{ clear: both;}
.indexPicNews li{ width:370px; float:left; text-align:center; margin-right: 45px;}
.indexPicNews li:nth-child(3n){ margin-right: 0;}
.indexPicNews li a{ width:370px; height:226px; overflow:hidden; display:block; margin:0 auto; position:relative; color:#FFF; text-decoration:none;}
.indexPicNews li a *{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexPicNews li a div.thumbnail{ width:100%; height:100%; border:0; border-radius:0; margin:0; padding:0;}
.indexPicNews li a span{ width:100%; height:36px; line-height:36px; font-size:16px; color:#FFF; background:rgba(0,0,0,0.45); text-indent:1em; position:absolute; left:0; bottom:0; text-align:left;}
.indexPicNews li a div.indexPicNewsInfo{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:100%; opacity:0; background:rgba(192,0,54,0.90); padding:30px;}
.indexPicNews li a div.indexPicNewsInfo h5{ height:36px; line-height:36px; font-size:16px; font-weight:bold; color:#FFF; margin:0; padding:0;}
.indexPicNews li a div.indexPicNewsInfo p{ height:72px; overflow:hidden; font-size:14px; line-height:24px; color:#FFF; margin:0; padding:0;}
.indexPicNews li a div.indexPicNewsInfo i{ height:72px; overflow:hidden; font-size:36px; line-height:72px; color:#FFF; margin:0; padding:0;}


.indexPicNews li a:hover span{ bottom:-36px;}
.indexPicNews li a:hover div.indexPicNewsInfo{ top:0; opacity:1;}




.indexVideo ul{ list-style: none; margin: 0; padding: 0;}
.indexVideo li{ width: 280px; margin-right: 26px; float: left; position: relative;}
.indexVideo li img{ width: 280px; height:120px;}
.indexVideo li:nth-child(4n){ margin-right: 0;}
.videoBtn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 6; text-align: center;}
.videoBtn a{ width: 100%; height: 100%; overflow: hidden; display: block; text-align: center; background: rgba(255,255,255,0.45); transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.videoBtn span{ width: 42px; height: 42px; line-height: 32px; overflow: hidden; display: block; border-radius: 45px; position: absolute; top: 50%; left: 50%; margin: -21px; background: #FFF; opacity: .75; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.triangle-right { width: 0; height: 0; overflow: hidden; font-size:0px; line-height: 0; border-top: 10px solid transparent; border-left: 10px solid #c00036; border-bottom: 10px solid transparent; margin-left: 4px;}


.nyVideo ul{ list-style: none; margin: 0; padding: 0;}
.nyVideo li{ width: 250px; margin-right: 16px; float: left; position: relative; margin-bottom:30px;}
.nyVideo li:nth-child(4n){ margin-right: 0;}
.nyVideo li img{ width:250px;}
.nyvideoBtn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 6; text-align: center;}
.nyvideoBtn a{ width: 100%; height: 100%; overflow: hidden; display: block; text-align: center; background: rgba(255,255,255,0.45); transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.nyvideoBtn span{ width: 42px; height: 42px; line-height: 32px; overflow: hidden; display: block; border-radius: 45px; position: absolute; top: 50%; left: 50%; margin: -21px; background: #FFF; opacity: .75; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.triangle-right { width: 0; height: 0; overflow: hidden; font-size:0px; line-height: 0; border-top: 10px solid transparent; border-left: 10px solid #c00036; border-bottom: 10px solid transparent; margin-left: 4px;}



.videoBtn a:hover{ background: rgba(255,255,255,0);}
.videoBtn a:hover span{ opacity: 1;}

.contentInfo{ min-height:700px; line-height:2em}


footer{ margin-top: 50px; padding: 20px 0 50px; background-color: #c00036;}

footer div{ margin: 0; padding: 0;}
.container_row{ height: 45px; border-bottom: 1px solid rgba(255,255,255,0.45);}
.container_row div{ margin: 0; padding: 0;}
.container_row h4{ line-height: 45px; margin: 0; color: #FFF;}
.container_row a{ text-decoration: none; font-size: 0.875em; color: #FFF;}
.container_row i{ line-height: 45px; font-size: 24px; color: #FFF; margin: 0 0 0 10px;}

.container_row{ height: 45px; overflow: hidden; line-height: 45px;}

.moreinfo_row div{ margin: 0; padding: 0;}
.moreinfo_row p{ line-height: 40px; color: #FFF; font-size: 0.875em;}
.moreinfo_row a{ line-height: 40px; color: #FFF; font-size: 1em;}


.banner{ width: 100%; min-width: 1200px; overflow: visible;}

.banner--about{ height: 400px; background: url(../images/banner--about.jpg) center center no-repeat;}
.banner--news{ height: 400px; background: url(../images/banner--news.jpg) center center no-repeat;}
.banner--contact{ height: 400px; background: url(../images/banner--contact.jpg) center center no-repeat;}
.banner--pro{ height: 230px; background: url(../images/banner--pro.jpg) center center no-repeat;}
.banner--family{ height: 400px; background: url(../images/banner--family.jpg) center center no-repeat;}
.banner--view{ height: 400px; background: url(../images/banner--view.jpg) center center no-repeat;}
.banner--investment{ height: 400px; background: url(../images/banner--investment.jpg) center center no-repeat;}

.content{ margin: 30px 0;}
.content .container{ width: 1060px; margin: 0 auto; position: relative;}

.contentTitle{ text-align: center;}
.contentTitle h3{ color: #c00036; font-weight: bold;}
.contentTitle i{ width: 50px; height: 2px; margin: 0 auto; background-color: #c00036; display: block; margin-bottom: 30px;}



.proContent{ margin:30px 0 0; padding: 50px 0; background-color: #f8f8f8;}
.proContent .container{ width: 1200px;}
.proTitle{ width:100%; height: 60px;}
.proTitle h4{ color: #c00036; line-height: 60px;}
.proTitle select{ width:230px; height:40px; overflow:hidden; background:#fbf6e3; border:1px solid #efe3be; border-radius:5px; padding:0 10px; float:right; font-size:14px; color:#333; outline:none;}
.proTitle select option{ height:40px; font-size:14px; background: background:#fbf6e3; border-left:1px solid #efe3be; border-right:1px solid #efe3be;}


#uboxstyle .select_box{ width:260px; height:40px; overflow:hidden; background:#fbf6e3; border:1px solid #efe3be; border-radius:5px; padding:0 10px; float:right; font-size:14px; color:#333; outline:none;}

#uboxstyle div.tag_select{ height:40px; line-height:40px; background:url(../images/selectBtn.png) right center no-repeat;}
#uboxstyle div.tag_select_hover{ height:40px; line-height:40px; background:url(../images/selectBtn.png) right center no-repeat;}
#uboxstyle div.tag_select_open{ height:40px; line-height:40px; background:url(../images/selectBtn.png) right center no-repeat;}

#uboxstyle ul.tag_options{ width:260px; overflow: hidden; padding:0; background:#fbf6e3; border:1px solid #efe3be; margin:0 0 0 -10px; border-radius:5px;}
#uboxstyle ul.tag_options li{ width:260px; height:32px; line-height:32px; list-style:none; padding:0 10px;}

#uboxstyle ul.tag_options li.open_hover{ background:#efe3be; color:#333;}
#uboxstyle ul.tag_options li.open_selected{ background:#efe3be; color:#333;}


.proInfoList{ width:100%; margin:20px 0 30px; padding:0;}
.proInfoList ul{ margin:0; padding:0; list-style:none;}
.proInfoList li{ width:260px; overflow:hidden; float:left; margin:0 53px 25px 0;}
.proInfoList li:nth-child(4n){ margin:0 0 25px 0;}
.proInfoList li a{ width:260px; display:block; text-decoration:none; padding:10px; background:#fdfaf1; border:1px solid #efe3be; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.proInfoList li a:hover{ background:#c00036;}
.proInfoList li img{ width: 240px; height: 240px;}
.proInfoList li span{ display:block; width:240px; height:50px; overflow:hidden; line-height:50px; color:#666; font-size:14px; text-align:center; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.proInfoList li a:hover span{ color:#FFF;}



.hezuohe{ width:850px; clear:both; margin: auto; padding-left:30px; padding-top:10px; font: 14px/30px "Microsoft YaHei";}
.hezuohe table{  width:100%; color:#888888}
.hezuohe table input{ background:#FFF; list-style-type:none; border:#e7e7e7 solid 1px; height:26px; line-height:26px;}
.w540px{ width:540px;}
.hezuohe table textarea{ overflow:hidden; height:200px;background:#FFF; list-style-type:none; border:#e7e7e7 solid 1px; line-height:20px;}
.hezuohe table td{ padding-top:10px; padding-right:10px; font-size:12px}
.hezuohe table td .tijiao{ float:left; background:url(../images/btn11.gif) no-repeat; width:102px; height:34px;border:0; list-style-type:none; font-size:0px; line-height:0; text-decoration:-9999px;cursor:pointer;}
.hezuohe table td .chongzhi{ float:left; background:url(../images/btn22.gif) no-repeat; width:102px; height:34px;border:0; list-style-type:none; margin-left:10px; font-size:0px; line-height:0; text-decoration:-9999px;cursor:pointer;}

.shouye{ margin:auto; margin-bottom:25px; margin-top:40px;}
.heihui{ width:110px; height:31px; background:#f4f4f4; border:#ebebeb solid 1px; color:#888; text-align:center;font:12px/31px "Microsoft YaHei";}
.map_ul{}
.map_ul ul{ width:150px; float:left; margin:0 5px;}
.map_ul ul li{ background:#FFF; width:110px; height:31px; border:#ebebeb solid 1px;font:12px/31px "Microsoft YaHei"; text-align:center; margin:5px; list-style:none}
.map_ul ul .heihui{ width:110px; height:31px; background:#f4f4f4; border:#ebebeb solid 1px; color:#888; text-align:center;font:12px/31px "Microsoft YaHei"; margin-bottom:26px;}
.shouye a,.map_ul ul li a{ color:#888}

.dianzishu{ width:650px; margin:auto}


/* qqshop focus */
.pinpai_cp #focus {width:780px; height:610px; margin:auto; overflow:hidden; position:relative;}
.pinpai_cp #focus ul {height:380px; position:absolute;}
.pinpai_cp #focus ul li {float:left; width:960px; height:610px; overflow:hidden; position:relative;}
.pinpai_cp  #focus ul li div {position:absolute; overflow:hidden;}
.pinpai_cp #focus .btnBg { display:none;}

.pinpai_cp #focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.pinpai_cp #focus .btn span.on {background:#fff; display:none;}
.pinpai_cp #focus .preNext {width:41px; height:41px; position:absolute; top:350px;cursor:pointer;}
.pinpai_cp #focus .pre { background:url(../images/dyr_03.gif) no-repeat 0 0; }
.pinpai_cp #focus .next { background:url(../images/dyr_05.gif) no-repeat 0 0; right:0;}
.zuobian{ width:41px; height:41px; position:absolute; top:300px; z-index:989; left:0;}
.zuobian a{ width:41px; height:41px; background:url(../images/dyr_03.gif) no-repeat; display:block; font-size:0; line-height:0; text-decoration:-9999px;}
.youbian{ width:41px; height:41px;position:absolute; top:300px; z-index:989; right:0;}
.youbian a{ width:41px; height:41px; background:url(../images/dyr_05.gif) no-repeat; display:block; font-size:0; line-height:0; text-decoration:-9999px;}
.abccc{ width:15px !important;}



.ship_gg #feature {POSITION: relative; MARGIN-TOP: 5px; MARGIN-BOTTOM: 20px;height:160px; padding-top:60px;}
.ship_gg #feature .button {	BORDER-BOTTOM: #999 0px dotted; POSITION: absolute; WIDTH: 840px; TOP: 72px;  LEFT: 0px}
.ship_gg #feature .prev { position:absolute;
	TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; FLOAT: left; HEIGHT: 48px; TOP:90px; left:0;background:url(../images/zb_11.gif) no-repeat;  }
.ship_gg #feature .next {position:absolute;	 TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; background:url(../images/zb_22.gif) no-repeat; FLOAT: right; HEIGHT: 48px; TOP:90px; right:0;}

.ship_gg  .featureUL { POSITION: relative; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left;PADDING-TOP: 0px; LEFT: 0px;}
.ship_gg .featureBox { WIDTH: 170px;  FLOAT: left; HEIGHT:113px;position:relative;}
.ship_gg .featureBox img{ border:5px solid #f3f3f3}
.ship_gg .featureBox .box span{font: 12px/20px "Microsoft YaHei"; color:#777; display:block;}
.ship_gg #botton-scroll{ margin-left:33px; width:800px;}
.ship_gg #block{ padding-left:30px;}

.ship_gg .v_title{ display:block; font-size:12px}



.pageBox{ text-align:center; margin:0 auto; clear:both}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#c00036; color:#FFF; border:1px solid #c00036;}
.pagination>li>a, .pagination>li>span{ color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#c00036;}

.proViewContent .container{ width: 1200px;}
.proViewContent__img{ margin-bottom:20px;}



.proInfoBtn{ width:100%; margin:0; padding:0; list-style:none; text-align:center;}
.proInfoBtn li{ width:88px; height:88px; text-align:center; line-height:40px; display:inline-block; margin-right:30px;}
.proInfoBtn li a{ width:88px; height:88px; line-height:18px; text-align:center; font-size:16px; background: #FFF; color:#c00036; border: solid 1px #c00036; border-radius: 88px; display:block; text-decoration:none;}
.proInfoBtn li i{ height: 55px; line-height: 65px; font-size: 36px; display: block; text-align: center; color: #c00036;}
.proInfoBtn li a:hover, .proInfoBtn li a.active{ background: #c00036; color:#FFF;}
.proInfoBtn li a:hover i, .proInfoBtn li a.active i{ color:#FFF;}


.proInfoContent{ width:100%; margin:30px 0 50px; padding:20px 0 0; list-style:none;}
.proInfoContent li{ display:none;}



.newsList{ height:auto; margin:inherit;}
.newsList{ width:1060px; position:relative; margin:20px auto;}
.newsList ul{ list-style:none; margin:0; padding:0;}
.newsList li{ width:100%; height:320px; margin-bottom:20px; background:#FFF; box-shadow: 0 0 5px #999; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; z-index:888;}
.newsList li.active{ opacity:1; z-index:999;}
.newsList li a{ display:block; width: 100%; height: 100%;}
.newsImgBox{ width:520px; height:320px; overflow:hidden; display:block; float:left; position:relative; background:#000;}
.newsImgBox img{ width:520px; height:320px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.newsImgBox img:hover{ opacity:0.5;}
.newsImgBox p{ width:108px; height:80px; overflow:hidden; background:rgba(0,0,0,0.25); position:absolute; z-index:999; left:0; bottom:0; margin:0; padding:0;}
.newsImgBox p span{ font-size:26px; margin:10px 0px 6px; height:35px; text-align:center; color:#FFF; display:block;}
.newsImgBox p b{ font-size:14px; color:#FFF; height:20px; text-align:center; display:block;}
.newsInfo{ width:540px; padding:0 45px; text-align:left; float:right; position:relative;}
.newsInfo h5{ height:25px; line-height:25px; font-size:18px; margin:50px 0px 24px; color:#000;}
.newsInfo i{width:200px;height:1px;background:#c6c6c6;margin:0 0 20px;display:block;}
.newsInfo p{font-size:14px;line-height:32px; height: 96px; overflow: hidden; color:#555;}
.newsInfo span{ width:145px; height:45px; overflow:hidden; text-align:center; line-height:45px; font-size:18px; border:1px solid #555; color:#555; display:block; position:absolute; top:240px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.newsList li a:hover .newsInfo span{ background:#c00036; border:1px solid #c00036; color:#FFF;}


.new_view{ padding:0; margin:0;}
.new_title{ text-align:center; border-bottom:1px dotted #CCC;}
.new_title h3{ color:#000; line-height: 36px;}
.new_title p{ font-size:12px; line-height: 20px; color:#999;}

.new_info{ line-height:2em; min-height:520px; height:auto; _height:520px; overflow:auto; margin:30px 0 0;}

.backMainBox{ margin-bottom:60px;}
.backBox{ width:100%; overflow:hidden; clear:both; border-top:1px dotted #CCC;}
.backBox p{ width:50%; overflow:hidden; float:left; font-size:12px; color:#666; margin:0;}
.backBox a{ font-size:12px; color:#666; text-align:left;}
.backBox a:hover{ text-decoration:underline;}
.backBox p.ProBreak{ width:100px; float:right;}



.teachContentList{ margin: 50px 0 0;}
.teachContentList ul{ list-style:none; margin: 0; padding:0;}
.teachContentList li{ width:33.33%; height:280px; float:left; border-bottom:1px solid #e5e5e5; margin-bottom:50px;}
.teachContentList li > a{ width: 320px; padding: 24px 20px ; margin: -24px -20px; display:block; text-decoration:none; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.teachContentList a:hover *{ transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.teachContentList span{ width:100%; height:32px; line-height:24px; font-size:16px; color:#999; display:block; font-family:"微软雅黑","宋体", Helvetica, Arial,  sans-serif;}
.teachContentList b{ width:100%; height:32px; line-height:32px; font-size:20px; color:#666; display:block; font-family:"微软雅黑","宋体", Helvetica, Arial,  sans-serif;}
.teachContentList i{ width:50px; height:2px; background:#d7000f; display:block; margin:15px 0 5px;}
.teachContentList em.teachContentListBtn{ height:38px; overflow:hidden; line-height:38px; display:inline-block; text-align:center; margin:0 auto; padding:0 25px 0; color:#333; font-size:14px; border:1px solid #c00036; font-style:normal;}
.teachContentList h5{ max-height: 48px; overflow: hidden; line-height:24px; display:block; font-size:18px; color:#333; margin:0 0 10px;}
.teachContentList p{ height:60px; overflow: hidden; line-height:20px; display:block; font-size:14px; color:#999; margin-bottom:20px}


.teachContentList a:hover{ background-color: #c00036;}
.teachContentList a:hover *{ color: #FFF;}
.teachContentList a:hover i{ background:#FFF;}
.teachContentList a:hover em.teachContentListBtn{ border:1px solid #FFF; color: #FFF;}

.ewm span{ font-size: 14px; color: #666; display: block;text-align: center;}









.nav--right{ width:200px; float:right; position: fixed; right: -205px; top: 110px; z-index: 999; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.nav--right dl{ width:200px; overflow: hidden; list-style:none; text-align:left; padding: 0 0 15px; background-color: #FFF; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.nav--right dt{ width:100%; height:60px; line-height: 60px; background-color: #c00036; border-bottom:1px solid #f70065; color: #FFF; position:relative; margin: 0 0 10px; padding:10px 25px 0;}
.nav--right dt p{ height:60px; line-height:60px; position:absolute; top:2px; padding:2px; color: #FFF; font-size:20px; font-weight: normal;}
.nav--right dt i{ margin-right: 8px;}
.nav--right dd{ width:100%; height:40px; line-height:40px; margin:0; padding:0 25px;}
.nav--right dd a{ width:100%; height:40px; line-height:40px; display:block; font-size:14px; color:#999; text-indent:25px; background:url(../images/leftNavBg.png) 8px 19px no-repeat; text-decoration:none; border-bottom:1px dotted #e5e5e5; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.nav--right dd a:hover{ font-size:16px; color:#c00036; background:url(../images/leftNavBg.png) 8px -21px no-repeat;}
.nav--right dd.onHover a{ font-size:16px; color:#c00036; background:url(../images/leftNavBg.png) 8px -21px no-repeat;}


.weiboBox{ background-color: #FFF;}

.minNavBtn{ width: 40px; height: 200px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background:#c00036; color:#FFF; font-size: 18px; text-align: center; padding: 0 6px; position: absolute; margin-left: -40px; margin-top: 15px; display: flex; align-items: center; justify-content: center; opacity: .5; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;} 
.minNavBtn a{ display: block; font-size: 18px; color:#FFF; margin: auto 0; line-height: 25px; text-align: center; text-decoration: none;}

.nav--right:hover{ right:0;}
.nav--right:hover .minNavBtn{ opacity: 0;}

.weiboBox{ display: none;}

.weixint{position: fixed; width:300px; height:370px; top:50%; left:50%; margin-top:-150px; margin-left:-150px; background:#FFF; z-index:1000; display: none; text-align:center; font-size:16px; line-height:30px;z-index:20001; border-radius:5px;}

.weixina{position: fixed; width:300px; height:370px; top:50%; left:50%; margin-top:-150px; margin-left:-150px; background:#FFF; z-index:1000; display: none; text-align:center; font-size:16px; line-height:30px;z-index:20001; border-radius:5px;}

.videoc{position: fixed; width:700px; height:550px; top:50%; left:50%; margin-top:-290px; margin-left:-350px; background:#000; z-index:1000; text-align:center; display:none; font-size:16px; line-height:30px;z-index:20001; border-radius:5px;}

.weixinbg{ position:fixed; top:0; left:0; z-index:20000; width:100%; height:100%;  background:rgba(0,0,0,0.60); display:none}

.videobg{ position:fixed; top:0; left:0; z-index:20000; width:100%; height:100%;  background:rgba(0,0,0,0.80); display:none}



@media (min-width: 1600px) {
  .nav--right{
      position:absolute; left: 50%; top: 610px; margin-left: 560px;
  }
  .nav--proRight{
      position:absolute; left: 50%; top: 405px; margin-left: 620px;
  }
  .minNavBtn{ display: none;}

  .weiboBox{ display: block;}
  .nav--right:hover{ right:auto;}

}


.horizonTable{
  border-left: 1px solid #EEE;
  border-top: 1px solid #EEE;
  padding: 5px;
  font-size: 14px;
}

.horizonTable th,
.horizonTable td{
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  padding: 0 15px;
}

.newsHorizon__item{
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
  padding: 0 15px;
  margin-bottom: 20px;
}
.newsHorizon__item:hover{
  background-color: #c00036;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.newsHorizon__item:hover *{
  color: #FFF;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.newsHorizon__time{
  float: right;
  font-size: 14px;
  color: #999;
}
.newsHorizon__title{
  margin: 0;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #666;
}
.newsHorizon__link:hover{
  text-decoration: none;
}



.adBox{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  
}
.adBox__close{
  width: 30px;
  height: 30px;
  display: none;
  background-color: #FFF;
  border-radius: 20px;
  top: 50%;
  left: 50%;
  margin-left: 585px;
  margin-top: -315px;
  position: relative;
  z-index: 1;
  text-align: center;
  line-height: 30px;
  color: #999;
  font-size: 12px;
  cursor: pointer;
}
.adBox__close:hover{
  color: #333;
  text-decoration: none;
}

.adBox img{
  max-width: 100%;
  height: auto;
  position: fixed;
  left: 50%;
  top: 50%;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.adBox--active{
  opacity: 1;
  z-index: 99999;
}

.adBox--active .adBox__close{
  display: block;
}
.adBox--active img{
  /* border: 4px solid #FFF; */
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0,0,0,0.45);
}

.adBox--active::before{
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  background-color: rgba(0,0,0,0.25);
  animation-delay:2s;
  -webkit-animation-delay:2s;
}

.adBox--right{
  cursor: pointer;
  left: 100%;
  /* right: 10px; */
  top:50%;
  width: 160px;
  height: auto;
  opacity: 1;
  z-index: 99999;
  transform: translate(-170px, 0);
  -moz-transform: translate(-170px, 0);
  -webkit-transform: translate(-170px, 0);
  -o-transform: translate(-170px, 0);
}

.adBox--right .adBox__close{
  display: none;
}

.adBox--right img{
  width: 100%;
  height: auto;
  border: 4px solid #FFF;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0,0,0,0.45);
}

.adBox--right::before{
  width: 0;
  height: 0;
}