/*
* @description: 点创世界样式
* @author: 张蒙
* @update: 张蒙 (2015-12-09 11:16)
*/
/* 通用样式
-------------------------------------------------------------------------------*/
#citworld{ position: relative; width: 100%; height: 715px; /*overflow: hidden;*/
min-width: 1200px; }
.viewport { position: relative; height: 100%; }
.view-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;  }
.viewport-cont { position: absolute; top: 50%; left: 50%; width: 1200px; margin-left: -600px; }
.view-bg img { position: absolute; left: 50%; top: 0; height: 100%; margin-left: -960px; }
#loading { position: absolute; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%;  }
#loading img { position: absolute; left: 50%; top: 50%; margin: 13px 0 0 -75px; }

.view-title {position: relative; z-index: 9;  text-align: center;}
.view-title .cn-title {font-size: 28px; color: #0CAB66;}
.view-title .en-title {font: bold 28px/40px Arial;color: #0CAB66;}
.view-title em { display: inline-block; width: 150px; height: 12px; border-bottom: 1px solid #0CAB66}

.view-title2 {position: relative; z-index: 9;  text-align: center;}
.view-title2 .cn-title {font-size: 28px; color: #fff;}
.view-title2 .en-title {font: bold 28px/40px Arial;color: #fff;}
.view-title2 em { display: inline-block; width: 150px; height: 12px; border-bottom: 1px solid #fff}
.tst5 { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.view-next { position: absolute; left: 50%; bottom: 30px; z-index: 99; width: 41px; height: 41px; margin-left: -20px; background: url(../images/citworld_btn.png) no-repeat; }
.view-next:hover { opacity: .8; filter: alpha(opacity=80); }
.view-next2 { background-position: -41px 0; }
.fixed-view-ico { position: fixed; _position: absolute; left: auto; right: 25px; top: 50%; z-index: 999; width: 17px; height: 120px; margin-top: -60px; }
.fixed-view-ico a { display: block; width: 17px; height: 17px; margin-bottom: 5px; background: url(../images/citworld_ico.png) no-repeat; _background: url(../images/citworld_ico_ie6.png) no-repeat; }
.fixed-view-ico a:hover, .fixed-view-ico .cur { background-image: url(../images/citworld_ico_hover.png); _background-image: url(../images/citworld_ico_hover_ie6.png); }
/*-----------------------------------------------------------------------------*/


/* 点创世界第一屏
-------------------------------------------------------------------------------*/
.go-cit { padding-top: 60px; height: 42px; text-align: center; }
.go-cit a { display: inline-block; padding: 0 30px; border: 4px solid #0CAB66; color: #0CAB66; font-size: 18px; text-transform: uppercase; line-height: 37px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.go-cit a:hover { background: #fff; color: #0CAB66; }
.world-view { height: 500px; margin-top: -160px; }
.cwc-font1 { width: 584px; margin: 100px auto 0 auto; transition: all .5s;  -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.cwc-font2 { width: 577px; margin: 20px auto 0 auto; transition: all .5s;  -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
/*-----------------------------------------------------------------------------*/

/* 点创世界第二屏
-------------------------------------------------------------------------------*/
.overview-view { margin-top: -110px; color: #fff; }
.overview-view .list { width: 1074px; margin: 0 auto; margin-top: 50px; padding-left: 36px; }
.overview-view .list li { float: left; width: 232px; height: 236px; margin-right: 36px; }
.overview-view .list a { position: relative; float: left; width: 232px; height: 236px; ; background: #fff;  transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.overview-view .list img { display: block; }
.overview-view .list strong { display: block;font-size: 14px; font-weight: bold; padding:  15px 10px 0px 10px; }
.overview-view .list .entxt {padding: 0 10px; color: #999;}
.overview-view .list a:hover { background: #eaeaea; }
/*-----------------------------------------------------------------------------*/

/* 点创世界第三屏
-------------------------------------------------------------------------------*/
.history-view { margin-top: -280px; }
.history-icon { position: relative; margin: 10px  auto 0 auto;width: 399px; padding-left: 10px;}
.history-icon span {margin-right: 10px;float: left;}
.history-icon span img {display: block;}

.history-cont { position: relative; margin-top: 20px; }
.history-cont .btn { position: absolute; top: 130px; z-index: 9; width: 19px; height: 31px; background: url(img/why_production_btn.png) no-repeat; }
.history-cont .prev { left: 12px; }
.history-cont .prev:hover { background-position: 0 -31px; }
.history-cont .next { right: 12px; background-position: -19px 0; }
.history-cont .next:hover { background-position: -19px -31px; }
.history-cont .cont { position: relative; width:786px; height: 290px; overflow: hidden; margin: 0 auto; margin-top: 30px; }
.history-cont .cont ul { position: absolute; top: 0; left: 0; width: 786px; }
.history-cont .cont li { position: relative; float: left; width: 232px; margin-right: 45px; background: #fff;}
.history-cont .cont a { display: block; height: 300px; border-bottom: 6px solid #888; color: #888; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.history-cont .cont strong, .production-cont .cont img { display: block; }
.history-cont .cont strong { margin:0 10px; font-size: 14px; line-height: 35px; color:  #B96502; border-bottom: 1px solid #eee;}
.history-cont .cont .txt {padding: 0 10px;  font-size: 12px; display: block;}
.history-cont .cont a:hover {color: #0CAB66; }
/*-----------------------------------------------------------------------------*/


/* 点创世界第四屏
-------------------------------------------------------------------------------*/
.achievement-view { margin-top: -260px; color: #fff; }
.achievement-view .list { width: 870px; margin: 0 auto; margin-top: 50px; padding-left: 58px; }
.achievement-view .list li { float: left; width: 232px; height: 236px; margin-right: 58px; }
.achievement-view .list a { position: relative; float: left; width: 232px; height: 236px; ; background: #fff;  transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.achievement-view .list img { display: block; }
.achievement-view .list strong { display: block;font-size: 14px; font-weight: bold; padding:  15px 10px 0px 10px; }
.achievement-view .list .entxt {padding: 0 10px; color: #999;}
.achievement-view .list a:hover { background: #eaeaea; }
/*-----------------------------------------------------------------------------*/


/* 点创世界第五屏
-------------------------------------------------------------------------------*/
.spirit-view { margin-top: -280px; color: #fff; }
.spirit-wrap {width: 894px; height: 414px; margin: 0 auto; margin-top: 20px;  }
.spirit-wrap .spirit-left {width: 232px;  float: left;}
.spirit-wrap .spirit-right {width: 660px;  float: right;}
.cw-culture-title {width: 232px; height: 48px; background:#0CAB66;}
.cw-culture-title .cntit {line-height: 48px; padding-left: 15px;}
.cw-culture-title .entit {line-height: 48px; padding-left: 5px;}
.cw-culture-list {width: 232px; }
.cw-culture-list ul li  {width: 232px; height: 90px; background: #fff;}
.cw-culture-list ul li a {  height: 90px; line-height: 90px; display: block;}
.cw-culture-list ul li a:hover {background: #eaeaea;}
.cw-culture-list ul li a .cntxt {padding-left: 15px; font-weight: bold;}
.cw-culture-list ul li a .entxt {padding-left: 10px;}
.cw-right-title { width: 660px; height: 48px;  background:#0CAB66;}
.cw-right-title .cntit {line-height: 48px; padding-left: 15px;}
.cw-right-title .entit {line-height: 48px; padding-left: 5px;}
.cw-duty-con {width: 660px; height: 158px;  background: #fff;}
.cw-duty-con .duty-img { float: left; margin: 16px 14px;}
.cw-duty-con .duty-img img {width: 188px; height: 127px;}
.cw-duty-con .con { width: 430px; float: left; overflow: hidden; margin-top: 16px; }
.cw-duty-con .con h5 {font-weight: bold;}
.cw-duty-con .con p {}
.cw-school-con {width: 660px; height: 158px;  background: #fff;}
.cw-school-con .school-img { float: left; margin: 16px 14px;}
.cw-school-con .school-img img {width: 188px; height: 127px;}
.cw-school-con .con { width: 430px; float: left; overflow: hidden; margin-top: 16px; }
/*-----------------------------------------------------------------------------*/