*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face { font-family: 'impact'; src: url('../fonts/impact.ttf'); src: url('../fonts/impact.ttf'); format('embedded-opentype'), url('../fonts/impact.ttf'); format('woff'), url('../fonts/impact.ttf'); format('truetype'), url('../fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ width: 1200px; margin: 0 auto 40px; text-align: center;}
.more-title>div{ display: inline-block; vertical-align: top;}
.more-title .by{ width: 46px; height: 84px; background: #999; font-size: 32px; color: #fff; line-height: 36px; padding: 5px 0 0; margin-right: 7px;}
.more-title p span{ margin-top: -10px;font-size: 68px; font-family: 方正行楷简体; text-indent: 0; display: inline-block; vertical-align: middle; letter-spacing: -16px; margin-right: 15px;}
.more-title p b{ font-weight: bold; color: #f6992b;}
.more-title p{ font-size: 32px; color: #333; line-height: 50px; margin: 7px 0 0;}
.more-title a{ font-size: 16px; color: #666; display: block;position: relative;}
.more-title a i{ position: absolute; top: 12px; height: 1px; background: #dcdcdc;}
.more-title a .aione{ left: 0;}
.more-title a .aitwo{ right: 0;}

/*header*/

.header{ width: 100%;}
.header .h_nr_1{ width: inherit; background: #f7f7f7;}
.header .header_top{ height: 38px; line-height: 38px;}
.header .header_top .header_left,.header .header_top .header_right a,.header .header_top .header_right i{ font-size: 14px; color: #666;}
.header .header_top .header_left b{ font-weight: bold;}
.header .header_top .header_right {}

.header .header_top .header_right a{position: relative;}
.header .header_top .header_right .wechat img{ position: absolute; left: 70px; top: 30px; height: 140px; width: 0; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; visibility: hidden;}
.header .header_top .header_right .wechat:hover img{ width: 140px; left: 0; visibility: visible;}
.header .header_top .header_right i{ margin: 0 7px 0 10px;}
.header .header_top .header_right a+a+a{ margin-right: 0;}
.header .header_top .header_right a:hover{ color: #499a00;}
.header .h_nr_2{ width: inherit; overflow: hidden; padding: 25px 0 10px;}
.header .h_nr_2 .medium>div{ display: inline-block; vertical-align: middle;}
.header .h_nr_2 .medium .left {}

.header .h_nr_2 .medium .left img{ vertical-align: middle;}
.header .h_nr_2 .medium .wb{ letter-spacing: 1px; position: relative; margin: 20px 0 0 15px;}
.header .h_nr_2 .medium .wb p{ font-size: 28px; line-height: 32px;}
.header .h_nr_2 .medium .wb p b{ color: #333;font-weight: bold;}
.header .h_nr_2 .medium .wb p + p>i{ color: #333;font-size: 16px;}
.header .h_nr_2 .medium .three_bz dd{ width: 115px; display: inline-block; vertical-align: middle; text-align: center; border-right: 1px solid #dcdcdc;}
.header .h_nr_2 .medium .three_bz dd .icon{ width: 30px; height: 30px; display: inline-block; vertical-align: top;}
.header .h_nr_2 .medium .three_bz dd p{ color: #666; font-size: 14px; margin: 5px 0 0;}
.header .h_nr_2 .right{ margin-top: 0px; text-align: right;}
.header .h_nr_2 .right .lx-ph{ margin-left: 17px;}
.header .h_nr_2 .right>div{ display: inline-block; vertical-align: top; text-align: left;}
.header .h_nr_2 .right>div p{ color: #666; font-size: 16px; text-align: right;}
.header .h_nr_2 .right>div p+p{ font-size: 26px; color: #f6992b; font-family: impact; line-height: 30px;}

/*header nav*/

.header .nav{ background: url(../images/navbg.png)no-repeat;background: url(../images/navbg.png)\9 no-repeat; width: 100%; height: 83px; position: relative; z-index: 12;}
.header .nav .nav-content {}

.header .nav .nav-content ul li{ float: left; position: relative; width: 133px; height: 58px; text-align: center;}
.header .nav .nav-content ul li p{ height: 64px; position: relative; margin: -10px 0 0;}
.header .nav .nav-content ul li p i{ width: 100%; height: 100%; position: absolute; left: 0; top: -6px; visibility: hidden; z-index: 11;}
.header .nav .nav-content ul li p b{ position: relative; z-index: 12; margin-left: 35px;}
.header .nav .nav-content ul li:first-child+li+li+li+li+li+li+li+li{ margin-right: 0;}
.header .nav .nav-content ul li a{ color: #fff; font-size: 16px; position: relative; display: block; height: 64px; line-height: 64px; margin: 18px 0 0;}
.header .nav .nav-content ul li.on p i,.header .nav .nav-content ul li:hover p i,.header .nav .nav-content ul li.on:before,.header .nav .nav-content ul li:hover:before{ visibility: visible;}
.header .nav .nav-content ul li:before{ content: ""; background: url(../images/ty.png)no-repeat; width: 4px; height: 4px; position: absolute; left: 81px; bottom: 0; z-index: 12; visibility: hidden;}
.header .nav .nav-content ul li:after{ content: url(../images/navsx.png); width: 2px; height: 65px; position: absolute; right: -15px; bottom: -15px;}

/*首页banner*/

.banner-index{ margin: -12px 0 0 0;line-height: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 45%; bottom: 50px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 30px; height: 6px; border: 1px solid #152b8c; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #152b8c;}
.banner-index .slideBox .bd img{ width: 100%;}

/*search*/

.search{ width: 100%; height: 70px; line-height: 70px; background: #f7f7f7; overflow: hidden;}
.search-content {}

.search-keywords{ display: inline-block;}
.search-keywords img{ margin: -8px 0 0 0;}
.search-keywords span{ color: #333; font-size: 14px; margin: 0 0 0 10px;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-keywords i{ color: #666; margin: 0 7px 0 10px;}
.search-keywords a:hover{ color: #4b9b03; text-decoration: underline;}
#searchForm{ background: url(../images/search.png)no-repeat; background: url(../images/search.png)\9 no-repeat; width: 285px; height: 36px; margin-top: 20px; vertical-align: middle;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; line-height: 36px; background: none; border: none; height: 36px; color: #c4c4c4; outline: none; width: 87%; text-indent: 10px;}
.search-form #s_btn{ background: none; width: 36px; height: 36px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; margin: 0px 0 0 -5px; display: inline-block; vertical-align: top;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #c4c4c4;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #c4c4c4;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #c4c4c4;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #c4c4c4;}

/*project*/

.project {}

.project .more-title .by{ margin-right: 2px;}
.project .more-title p span{ text-indent: 0px; margin-right: 0;}
.project .more-title a i{ width: 60px;}
.project .nr{ position: relative; height: 428px;}
.project .nr .zgc{ position: absolute; bottom: 30px; left: -9px;}
.project .nr ul li{ float: left; width: 300px; height: 350px; position: relative;z-index: 12;}
.project .nr ul li.on .js{ visibility: visible;}
.project .nr ul li .pic{ width: 300px; height: 250px;}
.project .nr ul li .by{ width: 300px; height: 100px; color: #fff; font-size: 18px; text-align: center; line-height: 100px; background: #002f9a;}
.project .nr ul li .js{ position: absolute; left: 0; bottom: -77px; padding: 40px 0 0; color: #fff; text-align: center; width: 100%; height: 246px; visibility: hidden; background: url(../images/casebg2.png)no-repeat;}
.project .nr ul li .js p{ font-size: 18px;}
.project .nr ul li .js hr{ width: 28px; height: 1px; outline: none; border: none; background: #fff; display: inline-block; vertical-align: top; margin: 15px 0 0;}
.project .nr ul li .js dd{ font-size: 14px; width: 250px; height: 85px; margin: 11px auto 0;}

/*product*/

.productbg{ background: url(../images/productbg.png)no-repeat; width: 100%; height: 800px; background-size: 100% 800px;}
.product{padding: 60px 0 0 0;}
.product .pro-left{ width: 230px;}
.product .pro-left .top{ width: 230px; height: 90px; text-align: center; background: url(../images/prolt.png)no-repeat; overflow: hidden;}
.product .pro-left .top>div{ display: inline-block; vertical-align: middle;}
.product .pro-left .top .zz{ font-size: 68px;}
.product .pro-left .top .yy{ color: #666; font-size: 24px; width: 55px; line-height: 30px; margin: -14px 0 0 11px;}
.product .pro-left .sideMenu{ background: #fff; box-shadow: 0px 5px 6px 0px rgba(160, 160, 160, 0.35);}
.product .pro-left ul li{ width: 100%; height: 67px; padding: 0 0 0 30px; border-bottom: 1px solid #eee; line-height: 67px;}
.product .pro-left ul li a{ font-size: 16px; color: #333;}
.product .pro-left ul li i{ background: url(../images/fk.png)no-repeat; width: 8px; height: 16px; float: right; margin: 25px;}
.product .pro-left ul li:hover{ background: #499a00;}
.product .pro-left ul li:hover a{ color: #fff;}
.product .pro-left ul li:hover i{ background: url(../images/fk2.png)no-repeat;}
.product .pro-left .bottom{ margin: 10px 0 0; background: #fff; box-shadow: 0px 5px 21px 0px rgba(160, 160, 160, 0.35); width: 230px; height: 240px; padding: 25px 0 0 0;}
.product .pro-left .bottom>div{ padding-left: 30px;}
.product .pro-left .bottom i{ display: block; font-size: 18px;}
.product .pro-left .bottom .by{ color: #333; font-size: 24px; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.product .pro-left .bottom .by{ color: #333; font-size: 24px; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.product .pro-left .bottom .dgrx p{ color: #666; font-size: 16px; margin: 20px 0 5px;}
.product .pro-left .bottom .dgrx b{ color: #f6992b; font-size: 26px; font-family: impact; line-height: 30px;}

/*product right*/

.product .right{ margin-left: 10px;width: 960px; height: 675px; overflow: hidden;background: #fff;padding: 20px; box-shadow: 0px 9px 65px 0px rgba(160, 160, 160, 0.38);}
.product .right ul{ overflow: hidden;}
.product .right ul li{ float: left; position: relative; width: 295px; margin: 0 17px 30px 0; overflow: hidden;}
.product .right ul li .kk{ height: 265px; padding: 4px; background: #e5e5e5;}
.product .right ul li:hover .kk{ background: #152b8c;}
.product .right ul li:first-child+li+li,.product .right ul li:first-child+li+li+li+li+li,.product .right ul li:first-child+li+li+li+li+li+li+li+li{ margin: 0 0 20px 0;}
.product .right ul li .pic{ width: 287px; height: 257px;overflow: hidden;background: #e5e5e5;}
.product .right ul li .pic img{ width: 100%;}
.product .right ul li:hover .pic img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.product .right ul li .mc{ font-size: 14px; margin: 10px 0 0; color: #333; text-align: center;}
.product .right ul li:hover .mc{ color: #152b8c;}

/*four_ys*/

.four_ys{ position: relative;}
.four_ys .more-title a i{ width: 40px;}
.four_ys .nr{ position: relative; height: 520px;z-index: 12;}
.four_ys .nr ul{ position: relative; z-index: 12;}
.four_ys .nr ul li {}

.four_ys .nr ul li dt>div{ display: inline-block; vertical-align: middle;}
.four_ys .nr ul li dt .sz{ color: #499A00; font-size: 48px; font-family: 创艺简隶书;margin-right: 7px;}
.four_ys .nr ul li dt .bt{ color: #333; font-size: 30px;}
.four_ys .nr ul li dd{ color: #333; font-size: 16px; line-height: 30px;}
.four_ys .nr ul li dd p:before{ content: "◆"; color: #499a00; margin-right: 10px;}
.four_ys .nr .pic{ position: absolute; left: 0; top: 0; width: 1199px; height: 438px}
.four_ys .four_ysbg{ position: absolute; left: 0; width: 100%; bottom: -185px;}
.four_ys .four_ysbg img{ width: 100%;}

/*smallbanner1*/

.smallbanner1{ position: relative; z-index: 15; background: url(../images/smallbanner1.png)no-repeat center; background: url(../images/smallbanner1.png)\9 no-repeat center; width: 100%; height: 335px;}
.smallbanner1 .nr{ padding: 40px 0 0;}
.smallbanner1 .nr .wa{ padding: 10px 0 0;}
.smallbanner1 .nr .wa .by{ background: url(../images/smbwa.png)no-repeat; width: 550px; height: 106px; text-align: center;}
.smallbanner1 .nr .wa .by i{ color: #fff; font-size: 30px; display: block; height: 70px; line-height: 70px; margin-bottom: 20px;}
.smallbanner1 .nr .wa .by p{ color: #fff; font-size: 20px;}
.smallbanner1 .nr .wa .by p b{ font-weight: bold;}
.smallbanner1 .nr .wa .rx{ color: #e5f6d5; font-size: 18px; margin: 35px 0 0 0;}
.smallbanner1 .nr .wa .rx i{ color: #fff; font-size: 28px; font-family: impact;}
.smallbanner1 .nr .fourlogo{ width: 262px; margin-left: 55px;}
.smallbanner1 .nr .fourlogo ul li{ width: 126px; height: 100px; text-align: center; background: #152b8c; padding: 15px 0 0; float: left;}
.smallbanner1 .nr .fourlogo ul li:first-child+li,.smallbanner1 .nr .fourlogo ul li:first-child+li+li+li{ margin: 0 0 10px 10px;}
.smallbanner1 .nr .fourlogo ul li p{ color: #fff; font-size: 16px;}
.smallbanner1 .nr .fourlogo ul li .icon{ height: 34px; margin-bottom: 10px;}

/*case*/

.case{ position: relative;}
.case .hr{ width: 100%; height: 1px; background: #bfbfbf; position: absolute; left: 0; top: 153px;}
.case .more-title a i{ width: 140px;}
.case .nr .hd ul{ margin: 0 150px 0;position: relative;z-index: 12;}
.case .nr .hd ul li{ float: left; text-align: center; margin-right: 97px;cursor: pointer;}
.case .nr .hd ul li .list{ color: #333; font-size: 24px; font-family: Trajan Pro; background: url(../images/tabicon1.png)no-repeat; width: 60px; height: 60px; text-align: center; line-height: 67px; margin: 0 auto;}
.case .nr .hd ul li p{ color: #333; font-size: 16px;margin: 15px 0 0;}
.case .nr .hd ul li.on .list{ background: url(../images/tabicon2.png)no-repeat;color: #152b8c;}
.case .nr .hd ul li.on p{ color: #152b8c;}
.case .nr .bd{ margin: 35px 0 0;}
.case .nr .bd ul li{ overflow: hidden;}
.case .nr .bd ul li>dd{ float: left;}
.case .nr .bd ul li dd:first-child{ background: url(../images/accommodationbgl.png)no-repeat; width: 284px; height: 487px;}
.case .nr .bd ul li dd:first-child+dd{ background: url(../images/accommodationbgz.png)no-repeat; width: 284px; height: 483px; margin: 17px 16px 0;}
.case .nr .bd ul li dd:first-child+dd+dd{ background: url(../images/accommodationbgr.png)no-repeat; width: 600px; height: 500px;position: relative;}
.case .nr .bd ul li dd:first-child+dd+dd .pic{ width: 600px; height: 350px;}
.case .nr .bd ul li dd:first-child+dd+dd .wb{ padding: 20px 0 0 20px; height: 150px;}
.case .nr .bd ul li dd:first-child+dd+dd .js{ height: 80px; width: 555px;}
.case .nr .bd ul li dd:first-child+dd+dd .morea{ position: absolute; right: 2px; bottom: -1px;}
.case .nr .bd ul li dd .wb{ padding: 30px 40px 0 35px; height: 259px;}
.case .nr .bd ul li dd .hx{ width: 30px; height: 2px; background: #152b8c; display: inline-block; vertical-align: top; margin: 10px 0 10px 0;}
.case .nr .bd ul li dd .pic{ width: 284px; height: 224px; overflow: hidden;}
.case .nr .bd ul li dd .pic img{ width: 100%;}
.case .nr .bd ul li dd p{ color: #333; font-size: 18px;}
.case .nr .bd ul li dd .more{ color: #fff; font-size: 14px; width: 100px; height: 32px; line-height: 32px; text-align: center; background: #152b8c; display: inline-block; vertical-align: top;}
.case .nr .bd ul li dd .js{ color: #666; font-size: 14px;height: 110px;}
.case .nr .bd ul li dd .more:hover{ background: #f6992b;}

/*advantage*/

.advantage{ margin: 60px 0 0 0; background: url(../images/ysbg.png)no-repeat; background: url(../images/ysbg.png)\9 no-repeat; width: 100%; height: 1480px; padding: 20px 0 0;}
.advantage .more-title{ background: url(../images/ystitle.png)no-repeat; width: 1218px; height: 174px; margin: 0 auto; padding: 30px 0 0;}
.advantage .nr{ position: relative; z-index: 15;}
.advantage .nr ul li .js dd{ color: #333; font-size: 14px; line-height: 24px; width: 440px; margin-bottom: 10px;}
.advantage .nr ul li .js dd:before{ content: "◆"; color: #499a00; margin-right: 5px;}

/*qyxc*/

.qyxc {}

.qyxc .more-title a i{ width: 40px;}
.qyxc .nr{ position: relative;}
.qyxc .nr .bd ul li{ display: inline-block; vertical-align: top; margin-right: 25px; text-align: center;}
.qyxc .nr .bd{ margin: 0 44px 0; overflow: hidden;}
.qyxc .nr .bd ul li .pic{ width: 255px; height: 185px; overflow: hidden;}
.qyxc .nr .bd ul li .pic img{ width: 100%;}
.qyxc .nr .bd ul li .mc{ background: #f3f3f3; font-size: 16px; color: #333; height: 50px; line-height: 50px;}
.qyxc .nr .bd ul li:hover .mc{ color: #fff; background: #f6992b;}
.qyxc .nr .prev,.qyxc .nr .next{ position: absolute; top: 95px; width: 25px; height: 50px; text-align: center; cursor: pointer; z-index: 12;}
.qyxc .nr .prev{ left: 0;}
.qyxc .nr .next{ right: 0;}

/*smallbanner2*/

.smallbanner2{ background: #152b8c; height: 420px; width: 100%; margin: 60px 0 0;}
.smallbanner2 .nr .left{ padding: 30px 0 0;}
.smallbanner2 .nr .left .by{ text-align: center; background: url(../images/smbwa2.png)no-repeat 0 25px; width: 550px; margin-left: 115px;}
.smallbanner2 .nr .left .bt{ color: #fff; font-size: 36px;}
.smallbanner2 .nr .left .rx{ color: #fff; font-size: 16px; margin: 10px 0 0;}
.smallbanner2 .nr .left .rx i{ color: #f6992b; font-size: 26px; font-family: impact; display: inline-block; vertical-align: middle; margin-left: 5px;}
.smallbanner2 .nr .left ul li{ float: left; position: relative; background: url(../images/processbg1.png)no-repeat; width: 100px; height: 86px; text-align: center;}
.smallbanner2 .nr .left ul li .pic{ width: 90px; height: 76px; overflow: hidden; margin: 5px auto;}
.smallbanner2 .nr .left ul li .js{ width: 90px; height: 76px; position: absolute; left: 5px; top: 5px; padding: 15px 0 0; visibility: hidden; background: url(../images/processbg2.png)repeat;}
.smallbanner2 .nr .left ul li:hover .js{ visibility: visible;}
.smallbanner2 .nr .left ul li .js .icon{ height: 27px;}
.smallbanner2 .nr .left ul li .js p{ color: #333; font-size: 16px; margin: 5px 0 0;}
.smallbanner2 .nr .left ul dd{ width: 25px; text-align: center; float: left; height: 86px; line-height: 86px;}
.smallbanner2 .nr .left .process{ margin: 45px 0 0; width: 775px;}
.smallbanner2 .nr .left ul li:first-child{ margin-left: 50px;}
.smallbanner2 .nr .right{ background: url(../images/feedback.png)no-repeat; width: 375px; height: 431px; margin: -18px 0 0 0; padding: 25px 0 0 7px;}
.smallbanner2 .nr .right .title p{ color: #fff; font-size: 20px; line-height: 20px; font-weight: bold;}
.smallbanner2 .nr .right .title{ text-align: center;}
.smallbanner2 .nr .right form{ color: #333; font-size: 14px; padding: 20px 45px 0;}
.smallbanner2 .nr .right form .inputlist{ width: 280px; height: 44px; line-height: 44px; margin-bottom: 15px; border: 1px solid #fff; padding-left: 10px;background: #fff;}
.smallbanner2 .nr .right form .inputlist input{ height: 100%; display: inline-block; vertical-align: top; width: 68%; outline: none; border: none;}
.smallbanner2 .nr .right form .inputlistbz input{ width: 80%; height: 44px; line-height: 44px; vertical-align: middle;}
.smallbanner2 .nr .right form .sub #msgLeft_Btn{ display: inline-block; vertical-align: top; outline: none; border: none; box-shadow: 0px 14px 16px 0px rgba(222, 122, 4, 0.75); background: #f7f7f7; text-align: center; color: #333; font-size: 20px; width: 280px; height: 44px; line-height: 44px; cursor: pointer;margin: 15px 0 0; border-radius: 22px;}
.smallbanner2 .nr .right form .inputlistbz textarea{ display: inline-block; vertical-align: middle; outline: none; border: none; width: 81%; resize: none; height: 35px; line-height: 35px;}

/*about*/

.about {}

.about .kk{ position: absolute; left: -120px; top: 135px;}
.about .about_nr{ background: url(../images/aboutbg.png)no-repeat 49px 0; height: 423px;position: relative;}
.about .about_nr .left{ background: url(../images/aboutbgwa.png)no-repeat; width: 610px; height: 346px; position: relative; margin: 15px 0 0; padding: 35px 0 0 155px;}
.about .about_nr .left dl{ width: 400px;}
.about .about_nr .left dt i{ color: #333; font-size: 30px; line-height: 30px;}
.about .about_nr .left dt p{ color: #cdcdcd; font-size: 12px; text-transform: uppercase;}
.about .about_nr .left dd{ color: #333; font-size: 14px; line-height: 28px; text-indent: 20px; margin: 25px 0 0;}
.about .about_nr .left .more{ color: #fff; font-size: 16px; width: 140px; height: 46px; line-height: 46px; text-align: center; background: #152b8c; display: inline-block; vertical-align: top; position: absolute; left: 285px; bottom: -23px;}
.about .about_nr .left .more:hover{ background: #f6992b;}
.about .about_nr .right{ width: 591px; position: absolute; right: 0; top: 0; height: 423px;}
.about .about_nr .right .video{ width: 591px; height: 361px; background: #eee;}
.about .about_nr .right .js{ width: 100%; text-align: center; color: #fff; font-size: 16px; height: 62px; line-height: 62px; background: #152b8c;}

/*new*/

.new{ margin: 60px auto 0;}
.new .newlist{ display: inline-block; vertical-align: top; width: 386px; border: 1px solid #d8d8d8; height: 432px; overflow: hidden; margin-right: 16px;}
.new .newlist .top{ background: #eee; text-align: center; height: 82px; padding: 20px 0 0 0;}
.new .newlist .top p{ font-size: 20px; color: #333;}
.new .newlist .top i{ font-size: 14px; color: #c8c8c8; text-transform: uppercase; line-height: 10px;}
.new .newlist .top i:before,.new .newlist .top i:after{ content: ""; width: 80px; background: #DCDCDC; height: 1px; display: inline-block; vertical-align: middle;}
.new .newlist .top i:before{ margin-right: 21px;}
.new .newlist .top i:after{ margin-left: 21px;}
.new .newlist .img{ width: 350px; height: 180px; overflow: hidden; margin-bottom: 10px;}
.new .newlist .img img{ width: 100%;}
.new .newlist1 ul li{ margin-bottom: 8px;}
.new .newlist2 ul li{ margin-bottom: 13px;}
.new .newlist ul li a{ font-size: 14px; color: #333;}
.new .newlist1 ul li a:before,.new .newlist2 ul li a:before{ content: "◆"; margin-right: 2px;color: #999;}
.new .newlist ul li a:hover{ color: #499a00;}
.new .newlist1 ul li a:hover:before, .new .newlist2 ul li a:hover:before{ content: "◆"; color: #499a00;}
.new .newlist .nr{ padding: 15px 17px 0;}
.new .newlist3 ul li .wen a{ font-size: 16px; color: #333;}
.new .newlist3{ margin-right: 0;}
.new .newlist3 ul li .da a{ font-size: 14px; color: #888;}
.new .newlist3 ul li{ height: 76px!important; border-bottom: 1px dashed #d8d8d8; margin-bottom: 10px;}
.new .newlist3 ul li .wen:before,.new .newlist3 ul li .da:before{ text-align: center; width: 20px; height: 20px; border-radius: 50%; font-size: 14px; color: #fff; margin-right: 5px; display: inline-block; line-height: 20px; margin: 1px 6px 0 0;}
.new .newlist3 ul li .wen:before{ content: "问"; background: #499a00;}
.new .newlist3 ul li .da:before{ content: "答"; background: #f6992b;}
.new .newlist3 ul li .wen{ margin-bottom: 5px;}
.new .newlist3 ul li a{ display: inline-block; vertical-align: top; width: 310px;}
.new .newlist3 ul li a:hover{ color: #499a00; text-decoration: underline;}
.new .newlist3 ul li .da a:hover{ text-decoration: underline; color: #888;}

/*foot*/

.foot{ width: 100%; margin-top: 60px; position: relative;}
.foot .footbg{ background: #152b8c;}

/*foot nav*/

.foot .nav{ background: url(../images/footnavbg.png)no-repeat;background: url(../images/footnavbg.png)\9 no-repeat; width: 100%; height: 64px; position: relative; z-index: 12;}
.foot .nav .nav-content ul li{ float: left; position: relative; width: 133px; height: 64px; text-align: center;}
.foot .nav .nav-content ul li p{ height: 64px; position: relative; margin: -10px 0 0;}
.foot .nav .nav-content ul li p i{ width: 100%; height: 100%; position: absolute; left: 0; top: -4px; visibility: hidden; z-index: 11;}
.foot .nav .nav-content ul li p b{ position: relative; z-index: 12; margin-left: 35px;}
.foot .nav .nav-content ul li:first-child+li+li+li+li+li+li+li+li{ margin-right: 0;}
.foot .nav .nav-content ul li a{ color: #fff; font-size: 16px; position: relative; display: block; height: 65px; line-height: 70px; margin: 10px 0 0;}
.foot .nav .nav-content ul li.on p i,.foot .nav .nav-content ul li:hover p i,.foot .nav .nav-content ul li.on:before,.foot .nav .nav-content ul li:hover:before{ visibility: visible;}
.foot .nav .nav-content ul li:before{ content: ""; background: url(../images/ty.png)no-repeat; width: 4px; height: 4px; position: absolute; left: 81px; bottom: 10px; z-index: 12; visibility: hidden;}
.foot .nav .nav-content ul li:after{ content: url(../images/navsx.png); width: 2px; height: 65px; position: absolute; right: -15px; bottom: -2px;}

/*foot content*/

.foot .content{ padding: 70px 0 50px;}
.foot .content>div{ display: inline-block; vertical-align: top;}
.foot .content .ul1{ position: relative; width: 440px;}
.foot .content .ul1 h3{ font-size: 18px; color: #fff; line-height: 20px; margin-bottom: 10px;}
.foot .content .ul2{ text-align: center; padding: 10px 0 0 30px;}
.foot .content .ul2 .img{ width: 140px; height: 140px; display: inline-block;vertical-align: top;}
.foot .content .ul3{ width: 342px; padding-left: 30px; text-align: right;}
.foot .content .ul3 ul{ display: inline-block; vertical-align: top;}
.foot .content .ul3 ul:first-child{ margin-right: 67px;}
.foot .content .ul3 ul li a,.foot .content .ul1 p{ font-size: 14px; color: #fff; line-height: 30px;}
.foot .content .ul3 ul li a:hover{ text-decoration: underline;}

/*foot bottom*/

.foot .bottom{ background: #1a34a7; height: 56px; line-height: 56px; width: 100%;}
.foot .bottom .db-nr{ text-align: center;}
.foot .bottom .db-nr span,.foot .bottom .db-nr a{ font-size: 14px; color: #b6d699;}
.foot .bottom .db-nr a:hover{ color: #fff;}

/*btn_top*/

#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}