.bg1 { background:url(../images/page_bg.jpg) center top repeat-x;}
.bg2 { background:url(../images/page_bg2.jpg) center top repeat-x;}

.banner{ width: 100%; height: 690px; position: relative; overflow: hidden; }
.banner .pic,.banner .pic li{ width: 100%; height: 690px; overflow: hidden; }
.banner .pic li{position:absolute; display:none;}
.banner .ben{ position: absolute; width: 100%; margin: 0px auto; z-index: 500; bottom: 0px; }
.banner .ben span{ display: inline-block;cursor: pointer;width:18px; height:18px; background:#fff;margin: 0 2px;filter:alpha(opacity=90);-moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;   }
.banner .ben span.on{background:#d91f16; width:12px; height:12px; border:#fff 3px solid;filter:alpha(opacity=100);-moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

.index_notice { width: 1200px; margin: 20px auto 0px auto; height: 104px; background: url(../images/pic.png); }
.index_notice ul { background:url(../images/index_tz.jpg) no-repeat left center;width:1092px; height:66px;padding:22px 0px 22px 106px;}
.index_notice ul li { width: 316px; line-height: 24px; font-size: 14px; margin: 0px 24px; float: left }
.index_notice ul li div.time { width:66px; height:54px; padding:12px 0px 0px 0px; text-align:center; background:#525252; color:#fff; display:block; float:left; margin-right:15px;}
.index_notice ul li div.time p{ display:block; text-align:center; width:100%; background:none;}
.index_notice ul li div.txt { padding-top: 7px; height: 45px; overflow: hidden; }
.index_notice ul li a { color:#fff;}
.index_notice ul li a:hover { color: #d7d7d7; }
.index_notice ul li:hover div.time { background: #299e58 }

.index_page { width: 100%; margin: 0px; padding: 80px 0px; }
.index_title { color: #333; font-size: 30px; display: block; height: 56px; text-align: center; line-height: 28px; width: 100%; margin-bottom: 20px; }
.index_title span { display:block;}
.index_title span.eng { font-size: 14px; }
.index_title2 { color: #fff; font-size: 28px; display: block; background: url(../images/eng_bg.png)  no-repeat  center bottom; height: 56px; text-align: center; line-height: 28px; width: 100%; margin-bottom: 30px; }
.index_title2 span { display:block;}
.index_title2 span.eng { padding-top: 5px; color:#fff}

#order_nav .list { width: 1212px; margin: 10px auto; height: 170px; }
#order_nav .list li { width: 132px; height: 132px; float: left; position: relative; margin: 0 35px; position: relative; cursor: pointer; background: url(../images/index_top_icbg.png) no-repeat; -moz-box-shadow: 0px 3px 5px #dcdcdc; -webkit-box-shadow: 0px 3px 5px #dcdcdc; box-shadow: 0px 3px 5px #dcdcdc; border-radius: 50%; -webkit-transition: .4s all; l-moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list li a { display: block; width: 100%; height: 100%; }
#order_nav .list li .cycle_mark { position: absolute; left: 0; top: 0; z-index: 2; }
#order_nav .list li .ico { width:62px; height:62px; position: absolute; left: 35px; top:35px; z-index: 1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list li ._1 { background: url(../images/index_top_icon_01.png) no-repeat;}
#order_nav .list li ._2 { background: url(../images/index_top_icon_02.png) no-repeat; }
#order_nav .list li ._3 { background: url(../images/index_top_icon_03.png) no-repeat; }
#order_nav .list li ._4 { background: url(../images/index_top_icon_04.png) no-repeat; }
#order_nav .list li ._5 { background: url(../images/index_top_icon_05.png) no-repeat;}
#order_nav .list li ._6 { background: url(../images/index_top_icon_06.png) no-repeat; }

#order_nav .list li p { width: 100%; position: absolute; left: 0; top: 146px; text-align: center; }
#order_nav .list li p span { font-size: 16px; color: #666; display: block; }
#order_nav .list li.on {background:url(../images/index_top_icbg.png) no-repeat 0px -132px;}
#order_nav .list li.on ._1 { background-position:0px -62px;-webkit-transition: .4s all;l-moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;  }
#order_nav .list li.on ._2 { background-position:0px -62px;-webkit-transition: .4s all;l-moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;  }
#order_nav .list li.on ._3 { background-position:0px -62px;-webkit-transition: .4s all;l-moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;  }
#order_nav .list li.on ._4 { background-position:0px -62px;-webkit-transition: .4s all;l-moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;  }
#order_nav .list li.on ._5 { background-position:0px -62px;-webkit-transition: .4s all;l-moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;  }
#order_nav .list li.on ._6 { background-position:0px -62px;-webkit-transition: .4s all;l-moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;  }
#order_nav .list li.on p span { font-size: 16px; color: #0a61af; display: block; }

.tab { width: 100%; margin: 0px auto 30px auto; }
.tab-title { height: 42px; text-align: center; margin-bottom: 35px; }
.tab-title .item { display: inline-block; width:130px; height:36px; border:#b9b9b9 1px solid; border-radius:30px; line-height:36px; text-align: center; color: #666; font-size: 14px; font-weight:bold; margin:0px 10px; background:#fff;-moz-box-shadow: 0px 3px 5px #dcdcdc; -webkit-box-shadow: 0px 3px 5px #dcdcdc; box-shadow: 0px 3px 5px #dcdcdc; }
.tab-title .item-cur { color: #fff; background-color: #0a61af; border:#0a61af 1px solid; }
.tab-cont { position: relative;width:1216px; height:450px; overflow: hidden; }
.tab-cont__wrap { position: absolute; }
.tab-cont .item { width:1216px; height:450px;}
.tab-cont .item li { background: #fff; float: left; margin:0px 10px; }
.tab-cont .item li a { display: block; width: 250px; height: 430px; padding: 20px 17px 0px 17px; transition: all 0.3s ease 0s; cursor: pointer; }
.tab-cont .item li img { display: block; width: 100%; }
.tab-cont .item li .f18 { line-height: 26px; display: block; color: #333; height: 52px; position: relative; overflow: hidden; font-size: 18px; }
.tab-cont .item li a:hover { background:#0a61af; }
.tab-cont .item li a:hover .f18 { color: #fff; }
.tab-cont .item li .more {display: inline-block; padding:10px 35px 10px 20px;background: url(../images/ico.png) no-repeat 90px center; font-size:14px; margin-top:13px; color: #0a61af; border:#0a61af 1px solid; }
.tab-cont .item li a:hover .more { color: #fff; background: url(../images/ico_h.png) no-repeat 90px center; border:#fff 1px solid }
.tab-cont .item li .date { line-height: 32px; color: #888; display: block; }
.tab-cont .item li a:hover .word { color: #c2d0e4; }
.tab-cont .item li a:hover .date { color: #82a0cb; }
.tab-cont .item li .word { margin-top:15px; width: 100%; display: block; color: #666; height:70px; font-size:14px; line-height:20px; overflow: hidden; }
.tab-cont .item li a:hover .word { color: #c2d0e4; }
.tab-cont .item li .img { display: block; position: relative;width: 100%; margin-top: 9px;  }
.tab-cont .item li .img .bg-pic { width: 100%; }
.tab-cont .item li .img .up-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.index_about ul li {height: 203px;display: block; overflow: hidden; text-align: left; position:relative; }
.index_about ul li.cs_1 { width: 600px;}
.index_about ul li.cs_2 { width: 1200px; display: block; }
.index_about ul li img {-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;height:203px; overflow:hidden }
.index_about ul li:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index_about ul li div.txt { background: url(../images/index_ab_bg1.png) no-repeat; right: 0px; top: 0px; width: 200px; height: 173px; padding: 30px 22px 0px 37px; position:absolute;}
.index_about ul li div.txt2 { background: url(../images/index_ab_bg2.png) no-repeat; position: absolute; right: 0px; top: 0px; width: 300px; height: 173px; padding: 30px 28px 0px 40px;position:absolute;}
.index_about ul li div.txt3 { background: url(../images/index_ab_bg3.png) no-repeat; position: absolute; left: 0px; top: 0px; width:530px; height: 180px; padding:23px 85px 0px 35px;position:absolute;}
.index_about ul li p { padding-top:10px}
.index_about ul li a { color:#fff;}
.index_about ul li a i{ display: inline-block; vertical-align: middle; margin:-1px 5px 0 0; width: 0px; height: 2px; background:#ffff01;
    transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
	-webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
	-moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
}
/*.topMenu a:last-child i{background: #F68A13;}*/
.index_about ul li a.on i,.index_about ul li a:hover i{ width: 15px; }

.hl_list{ width: 100%; height: 300px; overflow: hidden; position: relative }
.hl_list ul{ width:99999px;position:absolute;left:0;top:0}
.hl_list ul li{ float: left; position: relative; margin: 0px 5px; }
.hl_list ul li .img{ width: 346px; height: 260px; text-align: center; display: table-cell; vertical-align: middle; *display:block;*font-size:260px;*font-family:Arial;border: #fff 14px solid; }
.hl_list ul li img{ max-width: 346px; max-height: 260px; vertical-align: top; }
.hl_list ul li .hl_name{ position: absolute; top: 14px; left: 14px; width: 346px; height: 260px; *height:228px;display: inline-block; background: url(../images/pic.png) repeat; text-align: center; display: none; }
.hl_list ul li .hl_name p{ font-size: 20px; line-height: 28px; margin: 80px 30px 30px 30px; color: #fff; font-weight: 200; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hl_list a { padding: 10px 50px; font-size: 14px; color: #fff; border: #ccc 1px solid; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; transition: all ease 600ms; }
.hl_list a:hover { border: #fe0000 1px solid; background: #fe0000; color: #fff; padding: 10px 80px; }

.index_pic ul li { width: 390px; height: 284px; float: left; position: relative; margin: 0px 7px; overflow: hidden }
.index_pic ul li img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; width: 390px; height: 284px; overflow: hidden }
.index_pic ul li:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.index_pic ul li div { position: absolute; display: block; z-index: 10px; background: url(../images/index_txt_bg.png) repeat-x left bottom; left: 0px; bottom: 0; padding-left: 30px; padding-bottom: 30px; width: 360px; }
.index_pic ul li div p { color: #fff; font-size: 30px; padding-bottom: 20px; display: block; padding-left: 5px }
.index_pic ul li div span { padding: 10px 30px; font-size: 12px; text-transform: uppercase; color: #fff; background: #0a61af; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px }
.index_pic ul li:hover div span { background:#df0000;}