@charset "UTF-8";
/**
 * 
 * @authors wuchangjiang (qianduanwcj@126.com)
 * @version $Id$
 */
body{ font-family: "微软雅黑"; }
.pr{ position: relative;}
.icon2{ background: url(../images/icon2.png) left top no-repeat; }

.nav .logo{ position: absolute; width: 198px; height: 96px; left:40px; top: 7px; background: url(../images/logo1.png) left top no-repeat; z-index: 24;}

.nav{ position: absolute; left: 0; top: 0; width: 100%; height:110px; min-width: 1400px;}
.nav .nav_bg{ position: absolute; left: 0; top: 0; width: 100%; height:110px; background: #520802; opacity: .88; filter: alpha(opacity=88);}
.nav ul{ position: relative; z-index: 2; margin-top: 35px;}
.nav ul li{ height: 30px; line-height: 30px; float: left; margin-right: 70px; position: relative;}
.nav ul li a{ color: #ffab61; font-size: 18px; display: block; padding: 0 4px; border-bottom: 1px solid #faf095; }
.nav ul li a:hover{ color: #f7e628;}
.nav ul .active a{ color: #f7e628;}
.nav ul li i{background: url(../images/nav_libg.png) right bottom no-repeat; width: 24px; height: 16px; position: absolute; right: -24px;bottom: -1px;}

.bg1{ background: url(../images/page1_bg.jpg) center top no-repeat; position: relative;}
.bg1 .cont1{ background: url(../images/page1.jpg) center top no-repeat; width: 1400px; height: 898px; margin: 0 auto;}

.bg1 .title{ width: 414px; position: absolute; left: 506px; top: 160px;}

.bg1 .btns{ position: absolute; left: 452px; top: 347px;}
.bg1 .btns ul{}
.bg1 .btns ul li{ margin-right: 53px; float: left;}
.bg1 .btns ul li a{ color: #f8ede1; font-size: 18px; width: 142px; height: 51px; line-height:51px;  background: url(../images/icon2.png) left top no-repeat; background-position: 0 -51px; display: block; text-align: center;}
.bg1 .btns ul li.active{}
.bg1 .btns ul li.active a{ background-position: 0 0;}
.bg1 .btns ul li a:hover{ background-position: 0 0;}

.bg1 .conts{ position: absolute; left: 335px; top: 436px; width: 760px;}
.bg1 .conts .com_cont{ display: none; color: #6a1a1a; font-size: 18px; line-height: 30px;}
.bg1 .conts .com_cont.active{ display: block;}
.bg1 .conts .com_cont h3{font-size: 18px; margin-bottom: 20px;}
.bg1 .conts .com_cont p{ text-indent: 2em;}


.bg2{ background: url(../images/page2_bg.jpg) center top no-repeat; position: relative;}
.bg2 .cont2{ background: url(../images/page2.jpg) center top no-repeat; width: 1400px; height: 898px; margin: 0 auto;}

.bg2 .btns{ position: absolute; left: 134px; top: 500px; z-index: 2;}
.bg2 .btns ul{}
.bg2 .btns ul li{ position: absolute;}
.bg2 .btns ul li a{width: 160px;height: 60px;line-height: 60px;display: block;color: #3e7492;font-size: 20px;font-weight: bold;}
.bg2 .btns ul li i{ position: absolute; width: 22px; height: 22px; background: #3e7492; border-radius: 50%;}
.bg2 .btns ul li.active{}
.bg2 .btns ul li.active a{ color: #901610;}
.bg2 .btns ul li.active i{ background: #901610; width: 30px; height: 30px; margin: -10px 0 0 -10px;}
.bg2 .btns ul .li1{ left: 0; top: 6px;}
.bg2 .btns ul .li1 i{right: 52px;top: 0;}
.bg2 .btns ul .li2{ left: 84px; top: 130px;}
.bg2 .btns ul .li2 i{right: 56px;top: 0;}
.bg2 .btns ul .li3{ left: 184px; top: 224px;}
.bg2 .btns ul .li3 i{right: 23px;top: 18px;}
.bg2 .btns ul .li4{ left: 403px; top: 320px;}
.bg2 .btns ul .li4 i{right: 82px;top: -16px;}
.bg2 .btns ul .li5{ left: 624px; top: 320px;}
.bg2 .btns ul .li5 i{right: 88px;top: -17px;}
.bg2 .btns ul .li6{left: 808px;top: 270px;}
.bg2 .btns ul .li6 i{right: 105px;top: -33px;}
.bg2 .btns ul .li7{left: 956px;top: 170px;}
.bg2 .btns ul .li7 i{left: -18px;top: -10px;}
.bg2 .btns ul .li8{left: 1042px;top: 40px;}
.bg2 .btns ul .li8 i{left: -15px;top: 0;}

.bg2 .conts{ position: absolute; left: 256px; top: 336px; width: 912px; text-align: center;}
.bg2 .conts .com_cont{ display: none; }
.bg2 .conts .com_cont2{ margin-top: 100px;}
.bg2 .conts .com_cont3{ margin-top: 200px;}
.bg2 .conts .com_cont.active{ display: block;}

.bg2 .conts2 .com_cont2,
.bg2 .conts2 .com_cont3{ margin-top: 0;}
.bg2 .btns2 ul li a{ width: 130px;}
.bg2 .btns2 ul .li2{ left: 84px; top: 130px;}
.bg2 .btns2 ul .li8 i{left: -15px;top: 0;}
.bg2 .btns2 ul .li7 i{left: -18px;top: -10px;}
.bg2 .btns2 ul .li6 i{right: 105px;top: -24px;}
.bg2 .btns2 ul .li5 i{right: 88px;top: -13px;}
.bg2 .btns2 ul .li4 i{right: 82px;top: -24px;}
.bg2 .btns2 ul .li3 i{right: 23px;top: 4px;}
.bg2 .btns2 ul .li2 i{right: 32px;top: 0;}

.fix_list{ position: fixed; right: 0; top: 266px; z-index: 3;}
.fix_list ul{}
.fix_list ul li{ text-align: center;}
.fix_list ul li a{ width: 171px; height: 121px; background: url(../images/icon2.png) left top no-repeat; background-position: -313px 0; display: block; color: #fff; font-size: 22px; padding-top: 60px;}
.fix_list ul li h3{ font-size: 22px; line-height: 26px;}
.fix_list ul li.active a{ background-position:-142px 0; color: #fff000;}