@import 'animate.css';
@import 'skin.css';

/******************************
 ** 初始化
** 1.2.0
 ******************************/
* { margin:0; padding:0; }
html { height:100%; }
body  { min-height:100%; font:14px/2 'Microsoft Yahei', Arial; color:#666; background:#fff; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#555555; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#f8465f; }
a:link,
a:link img,
input { transition:all .3s linear; }

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap { width:1300px; margin:0 auto; position:relative; }
.fl { float: left; }
.fr { float: right; }


/******************************
 ** 首页
 ******************************/
.header { position:relative; background: #f8465f; z-index:10; }
.header .wrap { height: 110px; }
.header .logo { padding: 20px 20px; background: #e75464;; }
.header .logo img { display:block; height:70px; }

.nav { z-index:10; margin: 0 0 0 20px; }
.nav li { float:left; width:119px; height:110px; position:relative; }
.nav li > a { display:block;  line-height:25px; color:#fff; text-align:center; transition:none; transition:background .5s ease; padding: 30px 0; }
.nav li h3 { font-size: 12px; font-weight: normal; text-transform:uppercase; }
.nav li h2 { font-size: 17px; font-weight: normal; }
.nav .drop { position:absolute; left:0; top:110px; right:0; background:url(about:blank) center center repeat; display:none; width:180px; }
.nav .drop dl { position:relative; }
.nav .drop dd { line-height:20px; text-align:left; border-top: 1px #000 solid; }
.nav .drop dd:first-child {  }
.nav .drop a { display:block; padding:8px; background:#96091d; color:#fff; }
.nav .drop a:hover { background:#f8465f; }
.nav.active li.current > a { background:#f8465f; }
.nav li.active > a  { background:#96091d !important; }
.nav li.current > a  { background:#96091d; }

.banner { position:relative; z-index:8; }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .dots { position: absolute; left: 50%; bottom: 30px; margin: 0 0 0 -50px; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; +display: inline; +zoom: 1; width: 18px; height: 18px;  background: #bababa;  margin: 0 4px;  border-radius:50%; cursor: pointer; transition: all .3s ease; }
.banner .dots li.active { background: #f8465f;}
.banner .prev,
.banner .next { width: 50px; height: 50px; position: absolute; top: 50%; margin: -50px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background: url(../images/banner-pw.png) 0 0 no-repeat; left: 30px; }
.banner .next { background: url(../images/banner-pw.png) -50px 0 no-repeat ; right: 30px; }
.banner .prev:hover { background-position: 0 -50px; }
.banner .next:hover { background-position: -50px -50px; }
.banner .list,
.banner .list img { height:600px; }
.banner.mini .list,
.banner.mini .list img { height:300px; }

.isea {  background: url(../images/search-bj.jpg) top center no-repeat; height: 130px; }
.isea .wrap { overflow: hidden; }
.isea .time { background: url(../images/time.png) left center no-repeat; margin: 35px 0; }
.isea .time span { display: block; line-height: 30px; color: #fff; margin-left: 50px; font-size: 16px; }
.isea .guang img { margin: 40px 100px; }
.isea .sear { margin-top: 30px;}
.isea .search {  position: relative;}
.isea .search .srk { background-color: inherit; width: 320px; height: 35px; line-height: 35px; border: solid 1px #e1e1e1; padding-left: 10px; color: #bbb; }
.isea .search .ssbtm { width: 60px; height: 37px; position: absolute; top: 0; bottom: 0; right: 0; background: url(../images/btnsearch.png) center center no-repeat #f8465f;  border: solid 1px #e1e1e1; border-left: none; cursor: pointer; color: #fff; }
.isea .sear span { color: #fff; line-height: 40px; }

.ihot { padding: 60px 0; background: url(../images/hot-bj.jpg) top center no-repeat; position: relative; }
.ihot .wrap { overflow: hidden; }
.ihot .hotlist{width:1300px;height:354px;overflow:hidden;}
.ihot .list { width: 300%; overflow: hidden; }
.ihot .list .item { width: 413px; margin: 0 30px 0 0; overflow: hidden; text-align: center; }
.ihot .item img { width: 413px; height: 309px;}
.ihot .item h3 { font-size: 18px; font-weight: normal; }
.ihot .item:hover img { transform:scale(1.05,1.05); }
.ihot .btnNext,
.ihot .btnPrev { width: 50px; height: 50px; display: block; position: absolute; top:50%;  border: #d4d4d4 1px solid; }
.ihot .btnPrev { left: 50%; margin-left: -720px; background: url(../images/btn-pw.png) 0 0 no-repeat; }
.ihot .btnNext { right: 50%; margin-right: -720px; background: url(../images/btn-pw.png) -50px 0 no-repeat; }
.ihot .btnPrev:hover { background: url(../images/btn-pw.png) 0 -50px no-repeat #f8465f; border: 1px solid #f8465f; }
.ihot .btnNext:hover { background: url(../images/btn-pw.png) -50px -50px no-repeat #f8465f; border: 1px solid #f8465f; }


.ipro { padding:70px 0 40px; background:#fff; }
.ipro .wrap { overflow:hidden;}
.ipro .head { text-align:center; }
.ipro .head h2 { color: #2b2121; font-size: 30px; }
.ipro .head h3 { text-transform:uppercase; color:#c1bfbf; font-size: 24px; line-height: 20px; }
.ipro .classify { text-align:center; width: 100%; overflow: hidden; margin: 20px 0; }
.ipro .classify li { float: left; display:inline-block; +display:inline; +zoom:1; vertical-align:middle; padding:10px 10px 0 10px; }
.ipro .classify li:first-child { background:none; }
.ipro .classify a { display: block; width:160px; height:45px; line-height:45px; font-size:16px; background: none; border: #666666 1px solid; border-radius: 2px; }
.ipro .classify a:hover { background:#f8465f; border: 1px solid #f8465f; color: #fff;}
.ipro .classify a:active { background:#f8465f; border: 1px solid #f8465f; color: #fff; }
.ipro .more a { width: 45px; height: 45px; background: url(../images/more.png) left center no-repeat; }
.ipro .more a:hover { background: url(../images/more.png) right center no-repeat #f8465f; }
.ipro .list { float:left; margin-top: 30px; }
.ipro .item { float:left; width:413px; margin:0 10px 30px; }
.ipro .item a { display:block; text-align:center; }
.ipro .item img { display:block; width:100%; height:309px; background:#eee; }
.ipro .item h3 { line-height:60px; font-size:18px; font-weight:normal;}
.ipro .item a:hover img {opacity:0.8; filter:alpha(opacity=80);}

.iadvan { background: url(../images/advantage-bj.jpg) top center no-repeat; height: 600px; overflow: hidden; }
.iadvan .wrap { overflow: hidden; }
.iadvan .content { width: 600px; margin: 80px 0;}
.iadvan .head { overflow: hidden; margin-bottom: 20px; }
.iadvan .head h2 { font-size: 30px; color: #fff; }
.iadvan .head h3 { font-size: 30px; color: #f8465f; margin: 0 20px 0 10px;}
.iadvan .head h4 { font-size: 30px; color: #d3b466; margin: 0 20px 0 10px;}
.iadvan .list li { width: 300px; text-align: center; margin: 30px 0; color: #fff; }
.iadvan .list h3 { font-size: 20px; color: #fff; }
.iadvan .list a { color: #fff; }

.iabout { background: url(../images/about-bj.jpg) top center no-repeat; height: 546px; }
.iabout .wrap { overflow:hidden; }
.iabout .head { text-align:left; padding: 110px 60px 0 600px; }
.iabout .head h2 { font-size:30px; line-height:1.6; color:#434648; }
.iabout .head p { line-height: 28px; margin: 20px 0;  height: 150px; color: #666; }
.iabout .head a { display: block; width: 140px; height: 45px; border: 1px solid #ccc; background: none; margin: 30px 0; line-height: 45px; text-align: center; color: #777777 }
.iabout .head a:hover { background: #f8465f; color: #fff; border: 1px solid #f8465f; }

.iphoto { background: #fff; padding: 80px 0; overflow: hidden; }
.iphoto .photo { width: 100%; overflow: hidden; position: relative; }
.iphoto .list { width: 200%; overflow: hidden; }
.iphoto .list li { width: 295px; height: 221px; margin: 0 30px 0 0;}
.iphoto .list li img{ width: 295px; height: 221px;}
.iphoto .btn { width: 270px; margin: 0 auto; padding: 50px 0 0 0; }
.iphoto .btn .btnNext,
.iphoto .btn .btnPrev { width: 120px; height: 45px; border: 1px solid #ccc; }
.iphoto .btn .btnPrev span { display: block; width: 50px; height: 45px; background: url(../images/btn-pw.png) 0 0 no-repeat; margin: -2px 0 0 38px; }
.iphoto .btn .btnNext span { display: block; width: 50px; height: 45px; background: url(../images/btn-pw.png) -50px 0 no-repeat; margin: -2px 0 0 38px; }
.iphoto .btn .btnPrev:hover,
.iphoto .btn .btnNext:hover { background: #f8465f; border: 1px solid #f8465f; }
.iphoto .btn .btnPrev:hover span { background: url(../images/btn-pw.png) 0 -50px no-repeat; }
.iphoto .btn .btnNext:hover span { background: url(../images/btn-pw.png) -50px -50px no-repeat; }

.iteacher { padding: 50px 0; background: url(../images/teacher-bj.jpg) top center no-repeat; }
.iteacher .wrap { overflow: hidden; }
.iteacher .head { text-align:center; }
.iteacher .head h2 { color: #2b2121; font-size: 30px; }
.iteacher .head h3 { text-transform:uppercase; color:#c1bfbf; font-size: 24px; line-height: 20px; }
.iteacher .list { overflow: hidden; margin-bottom: 40px; }
.iteacher .list li a { display: block; width: 302px; text-align: center; background: #999;  margin: 50px 23px 0 0; }
.iteacher .list img { width: 302px; }
.iteacher .list h2 { font-size: 24px; color: #fff; line-height: 40px; }
.iteacher .list h3 { font-size: 18px; color: #f6f6f6; font-weight: normal; padding-bottom: 12px; }
.iteacher .list a:hover { margin-top: 30px; background: #f8465f; }
.iteacher .more a { display: block; margin: 0 auto; width: 140px; height: 45px; text-align: center; border: 1px solid #c1c1c1; color: #777; line-height: 45px; margin-bottom: 10px; }
.iteacher .more a:hover { background: #f8465f; border: 1px solid #f8465f; color: #fff; }

.inews { padding:60px 0 ; background:#fff; }
.inews .wrap { overflow:hidden; }
.inews .head { text-align:center; }
.inews .head h2 { color: #2b2121; font-size: 30px; }
.inews .head h3 { text-transform:uppercase; color:#c1bfbf; font-size: 24px; line-height: 20px; }
.inews .list { width:100%; overflow:hidden; margin: 30px 0 20px 0; }
.inews .item { background: #f7f7f7;  width:302px; height:435px; margin:0 11px 20px; overflow:hidden; }
.inews img { display:block; width:302px; height:226px; }
.inews .exp { padding:0 30px 22px 25px; text-align: center; }
.inews .exp h2 {color: #333; font-size: 18px; padding-bottom: 10px; }
.inews .exp p {color: #666; padding-bottom: 10px; text-align: left; }
.inews .time { position:relative; width: 60px; height: 60px; background:#fff; margin: -40px 0 15px 110px; font-size: 18px; text-align: center; color: #333; }
.inews .time .day { font-size: 24px; line-height: 18px; padding-top: 6px; font-weight: bold; color: #f8465f; }
.inews .item:hover { background: #f8465f; }
.inews .item:hover .exp h2 { color: #fff; }
.inews .item:hover .exp p { color:#fee2e5; }
.inews .more a { display: block; margin: 0 auto; width: 140px; height: 45px; text-align: center; border: 1px solid #c1c1c1; color: #777; line-height: 45px; margin-bottom: 10px; }
.inews .more a:hover { background: #f8465f; border: 1px solid #f8465f; color: #fff; }

.icontact { padding:60px 0 ; background:#f8465f;}
.icontact .wrap { overflow: hidden; }
.icontact .contact { width: 520px; margin: 0 0 0 120px; }
.icontact .head { text-align: left; }
.icontact .head h2 { color: #fff; font-size: 30px; }
.icontact .head h3 { text-transform:uppercase; color:#fcb6bd; font-size: 24px; line-height: 20px; }
.icontact .contact .list { margin-top: 40px; color: #fff; line-height: 50px; }
.icontact .contact .phone { background: url(../images/phone.png) left center no-repeat; padding-left: 35px; }
.icontact .contact .tel { background: url(../images/tel.png) left center no-repeat; padding-left: 35px; }
.icontact .contact .email { background: url(../images/email.png) left center no-repeat; padding-left: 35px; }
.icontact .contact .address { background: url(../images/address.png) left center no-repeat; padding-left: 35px; }
.icontact .form { width: 400px; margin: 0 120px 0 0; }
.icontact .form input { width: 390px; height: 35px; line-height: 35px; border: 1px solid #fff; background: #f8465f; color: #fcb6bd; margin-bottom: 10px; padding-left: 10px; }
.icontact .form h2 { font-weight: normal; font-size: 14px; color: #fff; }
.icontact .form textarea { width: 380px; height: 95px; border: 1px solid #fff; background: #f8465f; color: #fcb6bd; padding: 10px; margin-bottom: 10px; }
.icontact .form .submit { width: 400px; background: #fff; color: #f8465f; border: 1px solid #fff; }


.ifooter { padding:40px 0; background: #342e2e; color: #bbbbbb; }
.ifooter .wrap { overflow: hidden; }
.ifooter .subnav { height: 50px; margin: 0 0 20px; border-bottom: 1px solid #666; }
.ifooter .subnav dd,
.ifooter .subnav dt { float: left; text-align: left; font-size: 17px; line-height: 40px; }
.ifooter a { color: #ccc; }
.ifooter a:hover { color: #f8465f; }
.ifooter .subnav dt { margin: 0 15px; font-size: 14px; }
.ifooter .code img { width: 110px; height: 110px; padding: 5px; border: 1px solid #666; }
.ifooter .bottomer { line-height: 30px; }
.ifooter .bottomer .map { margin-left: 30px; }


.toolbar { position:fixed; top:300px; right:1px; z-index:100; }
.toolbar > * { width:40px; height:40px; position:relative; background:#f8465f; margin:0 0 2px; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:40px; height:40px; text-align:center; color:#FFF; background:url(../images/toolbar-icon.png) center 0 no-repeat; }
.toolbar .qq a { background-position:center 0; }
.toolbar .tel a { background-position:center -42px; }
.toolbar .code a { background-position:center -84px; }
.toolbar .itop a { background-position:center -126px; }
.toolbar > * > a:hover { background-color: #2b2121; }
.toolbar .drop-code { position:absolute; bottom:0; right:42px; background:#2b2121; padding:5px; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:120px; display:none; }
.toolbar .drop-code img { display:block; width:120px; height:120px; }
.toolbar .drop-code h3 { font-weight:normal; }
.toolbar .drop-tel { position:absolute; top:0; right:42px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:40px; line-height:40px; padding:0 0 0 10px; background:#2b2121; color:#FFF; font-size:20px; }
.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#2b2121; }
.toolbar .itop:hover { background-color:#2b2121; }



/******************************
 ** 内页架构
 ** 上下式
 ******************************/
.wrapper { width: 1200px; margin: 0 auto; position: relative; padding: 0 0 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAABAQMAAAD0NsVPAAAABlBMVEUAAAD09PTdqnB/AAAAAXRSTlMAQObYZgAAABBJREFUCNdj+E8AfGAYCAAAL2Yg0SwX6GIAAAAASUVORK5CYII=) center center repeat-y; }
.sidebar { float: left; width: 220px; height: auto; padding: 20px; background: #f4f4f4; }
.container { margin: 0 0 0 300px; }

.location { position: relative; height: 54px; line-height: 54px; margin: 0 0 20px; border-bottom: 1px dashed #999; }
.location .head h2 { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; font-size: 20px; font-weight: normal; }
.location .head h3 { display: none; }
.location .path { position: absolute; right: 0; top: 0;  font-size: 15px;  }

.side-menuer { margin: 0 0 20px;  }
.topclass { padding: 0 0 20px; color: #333; border-bottom: 2px solid #ddd; text-align: center; }
.topclass h2 { line-height: 30px; font-size: 24px; margin: 0 0 5px; }
.topclass h3 { line-height: 20px; text-transform: uppercase; font-weight: normal;  }
.side-menu { padding: 20px 0 0; }
.side-menu dd > a { display: block; padding: 0 20px; margin: 0 0 10px; line-height: 40px; font-size: 16px; background:  #e9e9e9; color: #666; }
.side-menu .drop { overflow: hidden; margin: 0 0 15px; display:none; }
.side-menu .drop li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAA1BMVEVxcXHjbzagAAAACklEQVQI12MAAgAABAABINItbwAAAABJRU5ErkJggg==) 10px center no-repeat; }
.side-menu .drop a { display: block; padding: 0 0 0 25px; height: 24px; line-height: 24px; color: #999; }
.side-menu .drop a: hover { color: #e43b48; }
.side-menu dd > a:hover { background: #ddd; }
.side-menu dd.current > a { background:  #f8465f; color: #fff;  }
.side-menu dd.current .drop { display: block; }
.side-menu li.current > a { color: #039c7a; }

.side-con { }
.side-con .info { line-height: 24px; text-align: justify; }