body{ min-width: 1280px;}
/*index*/
.index-header{ position: relative;}
.index-header .header{ position: absolute; background: url(../webimages/cimg06.png) repeat-x; z-index: 99;}
 
.header{ height: 88px; width: 100%; background: url(../webimages/cimg198.png) no-repeat center; padding-top: 12px; position: relative;}
.header h1{ width: 190px; height: 80px; overflow: hidden;}
.header h1 img{ width: 190px; height: 80px;}
.header .crumbs-menu{ float: right;}
.header .crumbs-menu li{ height: 19px; line-height: 19px; font-size: 13px; color: #999; float: left; cursor: pointer;}

.header .crumbs-menu .system{ padding: 0 12px 0 19px; background: url(../webimages/cimg02.png) no-repeat left 2px; position:relative; z-index:99;}
.header .crumbs-menu .system-cont{ width: 114px; padding: 10px 12px; background-color: #2c2c2c; position: absolute; top: 30px; left: 50%; margin-left: -72px; z-index: 100;  display: none;}
.header .crumbs-menu .system-cont .triangle{ display:block; border: 6px solid transparent; border-bottom-color: #2c2c2c; position: absolute; top: -11px; left: 50%; margin-left: -6px;}
.header .crumbs-menu .system-cont img{ display: inline-block; padding-right: 6px; vertical-align: middle;}
.header .crumbs-menu .system-cont span{ display: inline-block; vertical-align: middle;}
.header .crumbs-menu .system-cont a{ display:block; width: 100%; color: #ababab; padding-bottom: 10px; font-size: 12px;}

.header .crumbs-menu .bds_more{ padding: 0 17px 0 20px; background: url(../webimages/cimg04.png) no-repeat left; margin: 0; height: 19px; line-height: 19px; font-size: 13px;}
.header .crumbs-menu .search{ margin-right: 5px; width: 20px; overflow: hidden;}
.header .crumbs-menu .search.active{ background-color: #efefef; padding-left: 5px;}
.header .crumbs-menu .search .search-ico,.header .crumbs-menu .search .submit{ padding: 19px 10px 0; background: url(../webimages/cimg03.png) no-repeat left 2px;}
.header .crumbs-menu .search .submit { padding: 1px 10px;}
.header .crumbs-menu .search input{ display: none;}
.header .crumbs-menu .search .text{ padding: 0 4px; font-size: 12px; color: #999; width: 110px; height: 19px; line-height: 19px;}
/*.header .crumbs-menu .search .submit{ border: 1px solid #999; border-left: none; font-size: 12px; color: #999; width: 30px; text-align: center; cursor: pointer;}*/
.header .crumbs-menu .language{ padding: 0 1px 0 13px; background: url(../webimages/cimg32.png) no-repeat left 3px;}
.header .crumbs-menu li a{ color: #999;}
.header .crumbs-menu li a:hover{}

.header .nav{}
.header .nav li{ float: left; padding: 16px 29px 23px; position: relative;}
.header .nav .last-li{ padding-right: 0;} 
.header .nav li a{ display: block; color: #1a1a1a; position: relative; font-size: 15px; line-height: 30px; height: 30px;}
.header .nav li a span{ display: none; border: 5px solid transparent; border-bottom-color: #313130; position: absolute; bottom: -23px; left: 50%; margin-left: -5px;}
.header .nav .last-li a span{ margin-left: -5px;}
.header .nav li a:hover{}
.header .nav li a span.on{ display: block !important;}

/*.header .nav li .submenu{ display: none; position: absolute; bottom: -44px; z-index: 100;}
.header .nav li .submenu a{ display: inline-block; line-height: 44px; height: 44px; font-size: 13px; color: #fff; width: 123px; text-align: center;}*/

.header .nav-mask{ position: absolute; z-index: 99; width: 100%; height: 0; bottom: 0; left: 0; background: url(../webimages/cimg07.png) repeat-x;}

.header .submenu{ position: absolute; z-index: 99; padding-bottom: 6px; width: 100%; height: 44px; bottom: -50px; left: 0;}
.header .submenu .web{ position: relative; height: 44px; overflow: hidden;}
.header .submenu ul{ display: none; position: absolute;}
/*.header .submenu ul:nth-child(1){ display: block;}*/
.header .submenu li{ float: left; }
.header .submenu li a{ display: block; line-height: 44px; height: 44px; font-size: 13px; color: #fff; padding: 0 29px;}
.header .submenu .last-li a{ padding-right: 0;}

/*#about{ right: 0;}
#case{ right: 460px;}
#service{ right: 0;}
#team{ right: 0;}
#new{ right: 0;}
#lore{ right: 0;}*/


/*index-banner*/
.index-banner{ width: 100%; height: 820px; overflow: hidden; position: relative;}
.index-banner ul{ margin: 0 auto;}
.index-banner ul li{ float: left; height: 820px; width: 100%; position: relative;}
.index-banner ul li img{ width: 1920px; height: 820px; margin: 0 auto; position: absolute; left: 50%; margin-left: -960px;}
.index-btn{ position: absolute; bottom: 29px; width: 100%; height: 10px; text-align: center; overflow: hidden; z-index: 20;}
.index-btn a{ display: inline-block; *display:inline; *zoom:1; margin: 0 6px; width: 10px; height: 10px; background: url(../webimages/cimg33.png) no-repeat; cursor: pointer; line-height: 99px;}
.index-btn .cur{ background: url(../webimages/cimg34.png) no-repeat;}
.hshnext{ width:23px; height:45px; bottom:54px; left:50%; margin-left: -12px; position:absolute; cursor:pointer; z-index:20;}
.hshnext a{ display: block; background:url(../webimages/cimg197.png) no-repeat; width:23px; height:45px;}
/*index-banner over*/

.index-about{ width: 100%; height: 645px; background: url(../webimages/cimg35.png) no-repeat;}
.index-title{ width: 100%; padding: 70px 0 38px;}
.index-title img{ margin: 0 auto;}
.index-about .brief{ line-height: 24px; font-size: 14px; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #d9d9d9;}
.index-about-list{ padding-top: 49px;}
.index-about-list li{ float: left; width: 168px; padding-right: 38px;}
.index-about-list .last-li{ padding-right: 0;}
.index-about-list li a{ cursor: default;}
.index-about-list li span{ display: block; width: 86px; height: 86px; border: 2px solid #ccc; margin: 0 auto;}
.index-about-list li .title{ display: block; font-size: 14px; padding-top: 19px;}
.index-about-list li a:hover .title{ color: #304a9a;}
.index-about-list li a:hover span{ border-color: #304a9a;}

.index-about-list li .pic01{ background: url(../webimages/cimg18.png) no-repeat center center;}
.index-about-list li .pic02{ background: url(../webimages/cimg20.png) no-repeat center center;}
.index-about-list li .pic03{ background: url(../webimages/cimg22.png) no-repeat center center;}
.index-about-list li .pic04{ background: url(../webimages/cimg24.png) no-repeat center center;}
.index-about-list li .pic05{ background: url(../webimages/cimg26.png) no-repeat center center;}
.index-about-list li .pic06{ background: url(../webimages/cimg28.png) no-repeat center center;}

.index-about-list li a:hover .pic01{ background: url(../webimages/cimg19.png) no-repeat center center;}
.index-about-list li a:hover .pic02{ background: url(../webimages/cimg21.png) no-repeat center center;}
.index-about-list li a:hover .pic03{ background: url(../webimages/cimg23.png) no-repeat center center;}
.index-about-list li a:hover .pic04{ background: url(../webimages/cimg25.png) no-repeat center center;}
.index-about-list li a:hover .pic05{ background: url(../webimages/cimg27.png) no-repeat center center;}
.index-about-list li a:hover .pic06{ background: url(../webimages/cimg29.png) no-repeat center center;}

.index-about .more{ padding-top: 43px; width: 100%; text-align: center;}
.index-about .more a{ display: inline-block; font-size: 14px; width: 93px; text-align: center; height: 30px; line-height: 30px; color: #d9d9d9; background: url(../images/cimg30.png) no-repeat;}
.index-about .more a:hover{ color: #304a9a; background-image: url(../images/cimg31.png);}

.index-pro{ width: 100%; min-height: 880px; }
.index-pro .more{ padding-top: 49px; width: 100%; text-align: center;}
.index-pro .more a{ display: inline-block; font-size: 14px; width: 93px; text-align: center; height: 30px; line-height: 30px; color: #fff; background: url(../images/cimg43.png) no-repeat;}

/*选项卡*/
.slideTxtBox{ position: relative;}
.slideTxtBox .hd{ padding-bottom: 45px;}
.slideTxtBox .hd ul{ text-align: center;}
.slideTxtBox .hd ul li{ display: inline-block; *display:inline; *zoom:1; width: 118px; height: 33px; padding: 1px; margin: 0 26px; font-size: 15px; color: #fff; text-align: center; line-height: 33px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ border:1px solid #fff; padding: 0; }

.pro-banenr-box{ width: 1200px; min-height: 450px;  overflow: hidden; position: relative;}
.pro-banenr{ position: relative; width: 1060px; overflow: hidden; margin-left: 70px;}
.pro-banenr-box ul{ margin: 0 auto; width: 10000px; overflow: hidden; position: relative;}
.pro-banenr-box li{ width: 350px; padding-right: 4px; float: left;}
.pro-banenr-box li .pic{ position: relative; width: 350px; height: 262px;margin-top:10px; overflow: hidden;}
.pro-banenr-box li .pic img{ width: 344px; height: 262px; border:3px solid #ffffff}
.pro-banenr-box li .pic .mask{ position: absolute; bottom: -262px; left: 0; width: 350px; height: 262px; background: url(/images/cimg51.png) repeat;}
.pro-banenr-box li .pic .mask a{ display: block; height: 33px; width: 148px; background: url(/images/cimg52.png) no-repeat 99px center; line-height: 33px; border: 2px solid #fff; font-size: 14px; color: #fff; text-indent: 31px;  position: absolute; left: 50%; top: 50%; margin: -18px 0 0 -76px;}
.pro-banenr-box li .text{ background-color: #fff; line-height: 20px; font-size: 14px; color: #666; padding: 23px 30px 30px 26px; height: 98px; overflow: hidden;}
.pro-banenr-box li .text .title{ font-size: 16px; color: #1a1a1a; padding-bottom: 18px;}
.pro-banenr-box li .text .proportion{}
.pro-banenr-box li .text .proportion em{ padding-left: 5px;}
.pro-banenr-box li .text .brief{ padding-top: 8px; height: 45px; overflow: hidden;}
.pro-banenr-box li .text .bluefont{ color: #304a9a;}

.pro-banenr-box .btn{ display:block;  width:35px; height: 70px; overflow:hidden; cursor:pointer; position: absolute; top: 50%; margin-top: -35px; }
.pro-banenr-box .pro-next{ background:url(/images/cimg38.png) no-repeat; left: 0;}
.pro-banenr-box .pro-prev{ background:url(/images/cimg39.png) no-repeat; right: 0;}

 /*选项卡 over*/
 
.index-new{ width: 100%; background-color: #fff; padding-bottom: 85px;}
.index-new .pic{ width: 493px; height: 370px; overflow: hidden; position: relative;}
.index-new .pic a{}
.index-new .pic img{ width: 493px; height: 370px;}
.index-new .pic .title{ display: block; position: absolute; bottom: 0; font-size: 16px; color: #fff; line-height: 45px; height: 45px; padding: 0 14px 0 20px; width: 459px; background: url(../webimages/cimg45.png) repeat-x;}
.index-new .pic .title .date{ position: absolute; right: 14px; font-size: 14px;}
.index-new .pic a:hover .title{ }

.newlist{ width: 660px;}
.newlist-box{ border-bottom: 1px solid #d9d9d9; height: 92px; position: relative; overflow: hidden;}
.newlist-box a{ display: block; width: 100%; cursor: pointer;}
.newlist-box .newlist-left{ width: 115px; text-align: center; color: #ccc; position: absolute; left: 0; bottom: 0; z-index: 1;}
.newlist-box .newlist-left strong{ display: block; font-size: 55px; font-weight: 400; line-height: 44px; padding-bottom: 6px;}
.newlist-box .newlist-left em{ display: block; font-size: 16px; line-height: 20px; padding-bottom: 11px;}
.newlist-box .newlist-right{ width: 526px; padding: 0 19px 12px 0; position: absolute; bottom: 0; right: 0; z-index: 1;}
.newlist-box .newlist-right .title{ display: block; color: #1a1a1a; line-height: 20px; padding-bottom: 8px; font-weight: 400; font-size: 16px;}
.newlist-box .newlist-right .text{ display: block; line-height: 20px; color: #666; font-size: 14px;}
.newlist-box .mask{ position: absolute; background-color: #2d458f; width: 100%; height: 92px; bottom: 0; left: -660px; z-index: 0;}
.newlist-box .newlist-left .whitefont,.newlist-box .newlist-right .whitefont{ color: #fff;}
/*.index-new .newlist{ width: 660px;}
.index-new .newlist dl{ border-bottom: 1px solid #d9d9d9; margin-bottom: 14px;}
.index-new .newlist dt{ width: 115px; float: left; text-align: center; color: #ccc;}
.index-new .newlist dt span{ display: block; font-size: 55px; line-height: 44px; padding-bottom: 6px;}
.index-new .newlist dt em{ display: block; font-size: 16px; line-height: 20px; padding-bottom: 11px;}
.index-new .newlist dd{ width: 526px; float: left; line-height: 20px; color: #666; font-size: 14px; padding: 0 19px 12px 0;}
.index-new .newlist dd h2{ color: #1a1a1a; line-height: 20px; padding-bottom: 8px; font-weight: 700; font-size: 16px;}*/

.friendlink{ width: 100%;  background: #202427 url(../webimages/cimg49.png) repeat;}
.friendlink dl{ font-size: 13px; line-height: 15px; padding-top: 19px;}
.friendlink dt{ color: #fff; float: left; padding: 0 4px 0 19px; background: url(../webimages/cimg47.png) no-repeat 3px center;}
.friendlink dd{ float: left; width: 1112px;}
.friendlink dd a{ display: inline-block; *display:inline; *zoom:1; color: #999; padding: 0 15px; margin-bottom: 16px; border-right: 1px solid #999;}
.friendlink dd a:hover{ color: #304a9a;}

.footer{ width: 100%; background: #202427 url(../webimages/cimg50.png) repeat; border-bottom: 1px solid #1a1a1a; padding: 40px 0;}
.footer dl{ float: left; padding-right: 96px; line-height: 24px;}
.footer dt{ padding-bottom: 16px;}
.footer dt a{ font-size: 14px; color: #fff;}
.footer dd{ }
.footer dd a{ font-size: 13px; color: #999;}
.footer dl a:hover{ color: #304a9a;}

.footer .wechart{ padding-right: 65px;}
.footer .wechart dt{ text-align: center; padding: 5px 0 8px;}
.footer .wechart dt span{ display: inline-block; padding: 7px; border: 1px dotted #9e9e9e; width: 105px; height: 105px; overflow: hidden;}
.footer .wechart dt span img{ width: 105px; height: 105px;}
.footer .wechart dd{ color: #fff; text-align: center; line-height: 20px;}

.copyright{ width: 100%; line-height: 49px; color: #a6a6a6; font-size: 13px; background: #202427 url(../webimages/cimg50.png) repeat-x; border-top: 1px solid #333;}
.copyright a{ color: #a6a6a6;}
.copyright a:hover{ color: #304a9a;}

.floatnav{ width: 50px; height: 100%; padding: 0 5px; position: fixed; z-index: 100; text-align: center; right: 0; top:0; font-size:12px; background-color: #333;}
.floatnav a{ color: #d9d9d9; display: block; width: 50px; border-bottom: 1px solid #636363;}
.floatnav span{ }
.floatnav .about{ background: url(../webimages/cimg08.png) no-repeat center 13px; padding: 35px 0 8px; border-bottom: 2px solid #4e4e4e;}
.floatnav .case{ background: url(../webimages/cimg10.png) no-repeat center 15px; padding: 35px 0 7px; border-bottom: 2px solid #4e4e4e;}
.floatnav .service{ background: url(../webimages/cimg09.png) no-repeat center 11px; padding: 35px 0 8px;}
.floatnav .team{ background: url(../webimages/cimg14.png) no-repeat center 19px; padding: 35px 0 7px;}
.floatnav .new{ background: url(../webimages/cimg13.png) no-repeat center 11px; padding: 35px 0 7px;}
.floatnav .knowledge{ background: url(../webimages/cimg12.png) no-repeat center 14px; padding: 35px 0 7px;}
.floatnav .demand{ background: #86b73e url(../webimages/cimg11.png) no-repeat center 17px; margin: 15px 0 26px; width: 12px; line-height: 18px; color: #fff; padding: 48px 19px 7px; border-bottom: none;}
.floatnav .qq{ background: url(../webimages/cimg16.png) no-repeat center 16px; padding: 44px 0 5px; border-bottom: 2px solid #4e4e4e;}
.floatnav .bticon{ background: url(../webimages/cimg15.png) no-repeat center 26px; padding: 51px 0 6px; border-bottom: 2px solid #4e4e4e; color: #0d71c9; font-weight: 700;}
.floatnav a:hover{ color: #0d71c9;}

/*关于我们*/
.subnav{ width: 100%; height: 120px; background: url(../webimages/cimg02.jpg) no-repeat center center;}
.subnav dl{ line-height: 44px; height: 44px; padding: 39px 0 38px;}
.subnav dt{ float: left; font-size: 30px; color: #fff; padding-right: 59px;}
.subnav dd{ float: left;}
.subnav dd a{ display: block; font-size: 16px; line-height: 44px; height: 44px; color: #bfbfbf; padding: 0 37px; position: relative;}
.subnav dd span{ border: 13px solid transparent; border-bottom-color: #fff; position: absolute; bottom: -38px; left: 50%; margin-left: -7px; display: none;}
.subnav dd a:hover,.subnav dd .on{ background-color: #0d71c9; color: #fff;}
.subnav dd a:hover span,.subnav dd .on span{ display: block;}

.crumb-nav{ }
.crumb-nav ul{ padding-top: 12px; float: right;}
.crumb-nav li{ float: left; color: #666;}
.crumb-nav li a{ font-size: 13px; color: #666;}
.crumb-nav li span{ padding: 0 5px;}
.crumb-nav .home{ padding-left: 28px; background: url(../webimages/cimg61.png) no-repeat left 4px;}
.crumb-nav li a:hover,.crumb-nav li .on{ color: #1f1f1f;}

.about-crumb{ text-align: center;}
.about-crumb .about-title{ padding: 32px 0 58px; font-size: 0; line-height: 0;}
.about-crumb .about-title img{ display: inline;}
.about-crumb .about-brief .bluefont{ font-size: 20px; color: #0d71c9; line-height: 36px; font-weight: 700;}
.about-crumb .about-ask{ padding: 22px 0 34px; font-size: 0; line-height: 0;}
.about-crumb .about-ask img{ display: inline; }

.ask-list{ padding-bottom: 36px;}
.ask-list li{ position: relative; height: 153px; padding-bottom: 29px;}
.ask-list li .ico{ position: absolute; z-index: 2; display: block; width: 80px; height: 78px; line-height: 78px; padding-top: 2px; text-align: center; color: #304a9a; font: 80px/58px Arial;}
.ask-list li .text-box{ position: absolute; z-index: 1; width: 1036px; background-color: #f5f6f7;}
.ask-list li .text-box .title{ padding: 10px 0 8px; font-size: 24px; font-weight: 700; color: #304a9a; line-height: 44px;}
.ask-list li .text-box .text{ line-height: 25px; font-size: 14px; color: #333; padding-bottom: 16px;}
.ask-list li .left-ico{ top: 0; left: 0; background: #fff url(../webimages/cimg60.png) no-repeat; text-indent: -14px;}
.ask-list li .right-text{ right: 0; text-align: left; padding: 0 47px 0 77px;}
.ask-list li .right-ico{ top: 0; right: 0; background: #fff url(../webimages/cimg59.png) no-repeat; text-indent: 13px;}
.ask-list li .left-text{ left: 0; text-align: right; padding: 0 77px 0 47px;}

.ask-list .ask-list-e{ height: 200px;}
.ask-list li .ico-a{ text-indent: 0;}

.ask-list .ask-listd{ height: 508px;}
.ask-list .ask-listd .title{ text-align: center;}
.ask-list .ask-listd .subtitle{ line-height: 26px; font-size: 14px; color: #333; padding-bottom: 35px; text-align: center;}
.ask-list .ask-listd .text-box{ padding: 0 0 19px; width: 1160px; text-align: left;}
.ask-list .ask-listd dl{ float: left; width: 330px; padding: 0 29px 0 26px; height: 365px;}
.ask-list .ask-listd dt{ font-size: 16px; color: #1a1a1a; line-height: 17px; padding-bottom: 12px;}
.ask-list .ask-listd dd{ font-size: 14px; color: #666; line-height: 24px; padding-left: 20px;}
.ask-list .ask-listd .first-dl{ border-right: 1px solid #d9d9d9; background: url(../webimages/cimg64.png) no-repeat 190px top;}
.ask-list .ask-listd .second-dl{ border-right: 1px solid #d9d9d9; border-left: 1px solid #fff; background: url(../webimages/cimg65.png) no-repeat 165px top;}
.ask-list .ask-listd .third-dl{ border-left: 1px solid #fff; background: url(../webimages/cimg66.png) no-repeat 165px top;}
.ask-list .ask-listd .first-dd{ background: url(../webimages/cimg74.png) no-repeat 2px 7px;}
.ask-list .ask-listd .second-dd{ background: url(../webimages/cimg75.png) no-repeat 2px 7px;}
.ask-list .ask-listd .third-dd{ background: url(../webimages/cimg76.png) no-repeat 2px 7px;}
.ask-list .ask-listd .fourth-dd{ background: url(../webimages/cimg77.png) no-repeat 2px 7px;}

.about-list-menu{ background: url(../webimages/cimg03.jpg) no-repeat center center; width: 100%; height: 177px; padding-top: 43px;}
.about-list-menu ul{}
.about-list-menu li{ float: left; width: 180px; height: 135px; background: url(../webimages/cimg78.png) no-repeat; padding: 0 3px 4px 1px; padding-right: 22px;}
.about-list-menu li a{ display: block; width: 180px; height: 135px; background: #fff url(../webimages/cimg73.png) no-repeat right bottom;}
.about-list-menu li span{ display: block; width: 60px; height: 51px; margin: 0 auto 18px; padding-top: 15px;}
.about-list-menu li em{ display: block; text-align: center;}
.about-list-menu li .title{ line-height: 20px; font-size: 14px; color: #1f1f1f;}
.about-list-menu li .en-title{ font: 12px/15px Arial; color: #999;}
.about-list-menu .last-li{ padding-right: 0;}
.about-list-menu li a:hover{background-color: #0d71c9; color: #fff;}
.about-list-menu li a:hover .title,.about-list-menu li a:hover .en-title{ color: #fff;}

.about-list-menu li .pic01{ background: url(../webimages/cimg67.png) no-repeat center bottom;}
.about-list-menu li .pic02{ background: url(../webimages/cimg68.png) no-repeat center bottom;}
.about-list-menu li .pic03{ background: url(../webimages/cimg69.png) no-repeat center bottom;}
.about-list-menu li .pic04{ background: url(../webimages/cimg70.png) no-repeat center bottom;}
.about-list-menu li .pic05{ background: url(../webimages/cimg71.png) no-repeat center bottom;}
.about-list-menu li .pic06{ background: url(../webimages/cimg72.png) no-repeat center bottom;}
.about-list-menu li .pic07{ background: url(../webimages/cimg189.png) no-repeat center bottom;}

.about-list-menu li a:hover .pic01{ background-image: url(../webimages/cimg188.png);}
.about-list-menu li a:hover .pic02{ background-image: url(../webimages/cimg187.png);}
.about-list-menu li a:hover .pic03{ background-image: url(../webimages/cimg186.png);}
.about-list-menu li a:hover .pic04{ background-image: url(../webimages/cimg185.png);}
.about-list-menu li a:hover .pic05{ background-image: url(../webimages/cimg184.png);}
.about-list-menu li a:hover .pic06{ background-image: url(../webimages/cimg183.png);}
.about-list-menu li a:hover .pic07{ background-image: url(../webimages/cimg190.png);}

/*未来的我*/
.futura-brief{ color: #1a1a1a;}
.futura-brief .futura-brief-text{ line-height: 32px; font-size: 16px;}
.futura-brief .futura-brief-text .bluefont{ color: #304a9a;}
.futura-brief .futura-brief-text .wfont{ font-weight: 700;}

.futura-list{ padding: 32px 0 81px;}
.futura-list dt{ width: 600px; height: 280px; overflow: hidden}
.futura-list dt img{ width: 600px; height: 280px;}
.futura-list dd{ width: 600px; height: 280px; position: relative; text-align: center;}
.futura-list dd .title{ font-size: 24px; color: #1a1a1a; font-weight: 700; line-height: 36px; padding-top: 107px;}
.futura-list dd .pic{ padding-top: 8px;}
.futura-list dd .pic img{ display: inline-block;}
.futura-list dd .triangle{ display: block; border: 15px solid transparent; position: absolute; top: 50%; margin-top: -8px;}
.futura-list dd .left-triangle{ border-left-color: #f7f7f7; right: -30px;}
.futura-list dd .right-triangle{ border-right-color: #f7f7f7; left: -30px;}
.futura-list .first-dd{ background: #f7f7f7 url(../webimages/cimg144.png) no-repeat 434px 138px;}
.futura-list .second-dd{ background: #f7f7f7 url(../webimages/cimg145.png) no-repeat 9px 138px;}
.futura-list .third-dd{ background: #f7f7f7 url(../webimages/cimg146.png) no-repeat 406px 138px;}

/*我能做什么*/
.ido-brief{ color: #1f1f1f; line-height: 24px;      }
.ido-brief .ido-brief-text{ line-height: 32px; font-size: 16px;}
.ido-brief .ido-brief-text .bluefont{ color: #304a9a;}
.ido-brief .ido-brief-text .wfont{ font-weight: 700;}
.ido-brief .font24{ font-size: 24px;}
.ido-brief .font18{ font-size: 18px;}
.ido-brief .pb12{ padding-bottom: 12px;}
.ido-brief .pb7{ padding-bottom: 7px;}

/*-------- 发展历程 ---------*/
.or-so{ background: url(../webimages/cimg163.png) repeat-y center; position: relative; padding: 46px 28px 23px; margin: 50px 0 75px;}
.or-so .big-spot{ display: block; width: 20px; height: 20px; background: url(../webimages/cimg162.png) no-repeat; position: absolute; left: 50%; margin-left: -10px; top: 0;}
.or-so li{ position: relative; width: 540px; padding: 26px 0 39px;}
.or-so li .ico{ display: block; width: 76px; height: 58px; position: absolute; top: 0;}
.or-so .text{ background: url(../webimages/cimg151.png) repeat; line-height: 24px; font-size: 14px; color: #1a1a1a;}
.or-so .spot{ display: block; width: 14px; height: 14px; position: absolute; right: -39px; top: 50%; margin-top: -14px; background: url(../webimages/cimg161.png) no-repeat;}

.or-so .or-so-left .text{ padding: 14px 27px 18px 120px;}
.or-so .or-so-left .ico{ left: 37px;}
.or-so .or-so-right .text{ padding: 14px 120px 18px 27px; text-align: right;}
.or-so .or-so-right .ico{ right: 37px;}

.or-so .ico1{ background: url(../webimages/cimg152.png) no-repeat;}
.or-so .ico2{ background: url(../webimages/cimg153.png) no-repeat;}
.or-so .ico3{ background: url(../webimages/cimg154.png) no-repeat;}
.or-so .ico4{ background: url(../webimages/cimg155.png) no-repeat;}
.or-so .ico5{ background: url(../webimages/cimg156.png) no-repeat;}
.or-so .ico6{ background: url(../webimages/cimg157.png) no-repeat;}
.or-so .ico7{ background: url(../webimages/cimg158.png) no-repeat;}
.or-so .ico8{ background: url(../webimages/cimg159.png) no-repeat;}
.or-so .ico9{ background: url(../webimages/cimg160.png) no-repeat;}
/*发展历程 over*/

/*我是谁*/
.iam-brief{ font-size: 14px; color: #1f1f1f;}
.iam-brief .iam-brief-text{ line-height: 32px;}
.iam-brief .iam-brief-text .bluefont{ color: #304a9a;}
.iam-brief .iam-brief-text .wfont{ font-weight: 700;}
.iam-brief .font24{ font-size: 24px;}
.iam-brief .font16{ font-size: 16px;}
.iam-brief .pb14{ padding-bottom: 14px;}
.iam-brief .bluebb{ display: block; width: 30px; border-bottom: 1px solid #0d71c9; margin: 0 auto; padding-top: 30px;}
.iam-pic{ width: 1200px; overflow: hidden; text-align: center; padding: 41px 0 87px;}
.iam-pic img{ max-width: 1200px; display: inline-block;}

/*我为谁做*/
.whoido{ padding: 16px 0 51px;}
.whoido dt{ width: 500px; height: 281px; overflow: hidden;}
.whoido dt img{ width: 500px; height: 281px;}
.whoido dd{ position: relative; width: 561px; padding: 23px 54px 23px 0; text-align: right;}
.whoido dd .title{ color: #1a1a1a; font-size: 24px; line-height: 36px;}
.whoido .text{ line-height: 24px; color: #333; font-size: 14px; height: 135px; overflow: hidden;}
.whoido .quotes{ display: block; width: 44px; height: 28px; position: absolute;}
.whoido .left-quote{ background: url(../webimages/cimg166.png) no-repeat; left: 4px; top: 8px;}
.whoido .right-quote{ background: url(../webimages/cimg167.png) no-repeat; right: 0; bottom: 6px;}

.whoido dd .wfont{ font-weight: 700;}
.whoido dd .bluefont{ color: #304a9a;}
.whoido dd .pb27{ padding-bottom: 27px;}

.service-object{ background-color: #f7f7f7; padding: 23px 0 30px; width: 100%;}
.whoid-title{ font-size: 24px; color: #304a9a; line-height: 40px; font-weight: 700;}
.service-object .service-list{ padding: 58px 0 79px; background: url(../webimages/cimg168.png) no-repeat 51px center;}
.service-object li{ line-height: 24px; font-size: 14px; color: #1a1a1a;}
.service-object li .subtitle{ font-weight: 700; padding-top: 11px; font-size: 18px;}
.service-object li .text{ padding-top: 11px; height: 60px; overflow: hidden;}
.service-object .first-li{ background: url(../webimages/cimg169.png) no-repeat left top; padding: 0 0 46px 151px;}
.service-object .second-li{ background: url(../webimages/cimg170.png) no-repeat 168px top; padding: 0 0 64px 315px;}
.service-object .third-li{ background: url(../webimages/cimg171.png) no-repeat 27px top; padding-left: 174px;}

.to-like{ padding: 31px 0 37px; overflow: hidden;}
.to-like-list{ margin: 20px -20px 0 0;}
.to-like-list li{ width: 223px; height: 167px; border: 1px solid #d9d9d9; overflow: hidden; float: left; margin: 0 18px 17px 0; position: relative;}
.to-like-list li img{ position: absolute; left: 50%; top: 50%;}

/*我做过什么*/
.idone{ padding: 13px 0 55px;}
.idone dd{ text-align: left; padding-top: 50px; background: url(../webimages/cimg173.png) no-repeat left 19px;}
.idone dd .pb23{ padding-bottom: 23px;}

.ri-case-mb{ background-color: #f7f7f7;}
.ri-case-mb .ri-case-mb-title{ padding: 24px 0 11px; color: #1f1f1f; font-size: 24px; font-weight: 700; line-height: 46px;}
.ri-case-mb .case-list{ border-bottom: none;}
.ri-case-mb .ri-case-mb-title a{ color: #999; font-size: 13px;}
.ri-case-mb .ri-case-mb-title a:hover{ color: #1f1f1f;}

/*怎么联系我*/
.contact{ position: relative; margin-bottom: 71px; border: 1px solid #d9d9d9; border-left: none; width: 1199px; height: 898px; background: url(../webimages/cimg175.png) no-repeat 269px 104px; overflow: hidden;}
.contact .contact-box{ width: 420px; height: 898px; overflow: hidden; position: absolute; left: 0; top: 0; background-color: #304a9a;}
.contact .contact-box .title{ padding: 14px 0 11px; font-size: 24px; color: #fff; line-height: 35px; text-align: center; background-color: #0d71c9;}
/*.contact .contact-box .contact-cont{ padding: 8px 3px 7px 0;}*/
/*滚动条*/
.ui-lengthways{width:10px; position:absolute; right:0; top:0; background:#7081b7; font-size:0; }
/*滚动条滑块*/
.ui-lengthways-slide{width:100%; background:#fff; position:absolute; left:0; top:0; border-radius:10px;}

.contact-cont{ width: 411px; height: 823px; margin-top: 8px; overflow: hidden; position: relative;}
.contact-text{ width: 345px; margin: 0 auto; padding: 23px 0 7px 31px; background: url(../webimages/cimg176.png) no-repeat 0 23px; border-top: 1px solid #566fb9; border-bottom: 1px solid #1b337d; color: #fff; line-height: 24px; font-size: 14px;}
.contact-text dt{ padding-bottom: 15px;}
.contact-text dt h4{}
.contact-text dt h4 img{}
.contact-text dd{ padding-bottom: 13px;}
.contact-text dd div.left{ padding-left: 51px;}
.contact-text dd a{ color: #fff;}
.contact-text dd a:hover{}

.contact-cont .first-dl{ border-top: none;}
.contact-cont .last-dl{ border-bottom: none;}

.contact-detail{ display: none; position: absolute; width: 345px; height: 227px; padding: 35px 24px 33px 37px; background: url(../webimages/cimg181.png) no-repeat; z-index: 2;}
.contact-detail .contact-text{ color: #1a1a1a; border: none; padding: 0;}
.contact-detail .contact-text dd a{ color: #1a1a1a;}
.contact-detail .contact-text dd a:hover{}
/*.contact-detail .triangle{ border: 13px solid transparent; border-top-color: #fff; position: absolute; bottom: -23px; left: 50%; margin-left: -13px;}*/
.address-ico{ position: absolute; display: block; width: 36px; height: 52px; background: url(../webimages/cimg180.png) no-repeat center; cursor: pointer; z-index: 1;}

.contact .guizhou{ top: 326px; left: 550px;}
.contact .guizhou-ico{ top: 607px; left: 741px;}
.contact .chongqing{ top: 266px; left: 572px;}
.contact .chongqing-ico{ top: 548px; left: 764px;}
.contact .sichuan{ top: 240px; left: 493px;}
.contact .sichuan-ico{ top: 516px; left: 685px;}


/*工程案例*/
.secleft{ background-color: #f2f2f2; padding: 7px 26px 8px; margin: 13px 0 32px;}
.secleft .secleft-box{ float: left; position: relative; width: 424px; height: 30px;}
.secleft .secleft-box span{ position: absolute; left: 0; font-size: 14px; color: #363636; line-height: 28px; padding: 1px 0;}
.secleft .secleft-box select{ position: absolute; right: 70px; border: 1px solid #d8d8d8; padding: 0 9px; width: 260px; height: 30px; line-height: 30px;}
.secleft .secleft-box select option{ padding: 0; font-size: 14px; line-height: 28px; color: #999; padding: 0 9px;}
.secleft .secleft-search{ float: left; position: relative; width: 298px; height: 28px; border: 1px solid #d8d8d8;}
.secleft .secleft-search .text{ position: absolute; left: 0; height: 28px; font-size: 14px; line-height: 28px; color: #999; padding: 0 12px; width: 205px;}
.secleft .secleft-search .submit{ position: absolute; right: 0; width: 68px; height: 28px; font-size: 14px; line-height: 28px; color: #fff; text-align: center; background-color: #1a479d; border-left: 1px solid #d8d8d8; cursor: pointer;}

.case-list{ padding-bottom: 10px; border-bottom: 1px solid #d9d9d9;}
.case-list li{ float: left; padding: 0 28px 35px 0; width: 279px;}
.case-list li .pic{ width: 277px; height: 279px; border: 1px solid #d9d9d9; overflow: hidden; position: relative;}
.case-list li img{ width: 277px; height: 279px; position: absolute;}
.case-list li .title a{ display: block; font-size: 18px; line-height: 24px; padding: 22px 0 10px; color: #1a1a1a;}
.case-list .text{ font-size: 13px; color: #666; line-height: 20px; height: 60px; overflow:hidden;}
.case-list li .bluefont a{ color: #1a479d;}

/*.page{ padding: 20px; text-align: center; font-size: 16px;}*/
.laypage_main{ margin:48px auto 62px; text-align:center;}
.laypage_main a,.laypage_main .laypage_curr,.laypage_total .laypage_skip{ width:40px; line-height:40px; height:40px; padding:0; font-size:14px; text-align:center; margin:0 5px; background:url(../webimages/listpage.png) -47px 0 no-repeat; display:inline-block; vertical-align:top; overflow: hidden;}
.laypage_main .laypage_curr { color:#fff; background-position:-97px 0;}
.laypage_main a.laypage_prev{ background-position:0 0; line-height:500px; }
.laypage_main a.laypage_next{ background-position:-147px 0; line-height:500px; }
.laypage_main a.laypage_next span, .laypage_main a.laypage_prev span { line-height:500px; }
.laypage_total { display:inline-block; vertical-align:top; padding: 0 4px; display: none;}
.laypage_total .laypage_btn { width: 40px; height:40px; line-height: 40px;  background:url(../webimages/listpage.png) -97px 0 no-repeat; color:#fff; margin: 0 5px; font-size: 12px; cursor: pointer;}

/*工程案例详情*/
.case-details-cont{ padding: 31px 0;}
.case-details{ border-right: 1px solid #d9d9d9; padding: 0 54px 6px 0; width: 546px;}
.case-details .title{ font-size: 28px; color: #1f1f1f; line-height: 42px; font-weight: 700; padding: 0 0 13px 2px;}
.case-details ul{}
.case-details li{ line-height: 30px; font-size: 13px; color: #1f1f1f;}
/*.case-details li span{ font-weight: 700;}*/
.ri{ width: 573px;}
.ri .ri-title{ line-height: 36px; font-size: 18px; color: #1a1a1a; padding-bottom: 5px;}
.ri .ri-list{}
.ri .ri-list li{ float: left; width: 123px; padding-right: 27px;}
.ri .ri-list li img{ border: 1px solid #eff3f5; width: 121px; height: 91px;}
.ri .ri-list li span{ display: block; font-size: 14px; color: #666; padding-top: 6px; line-height: 24px;}
.ri .ri-list li span em{ padding-right: 6px;}
.ri .ri-list li a:hover span{ color: #1a479d;}
.ri .ri-list .last-li{ padding-right: 0;}
.back-prev{ padding-bottom: 61px;}
.back-prev a{ display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; background-color: #1a479d;}

/*工程案例详情banner*/
/*.game_pic_tab{ height:675px; overflow:hidden; position:relative; background-color: #304a9a;}
.game_pic{position:relative;width:1200px;height:675px;overflow: hidden;}
.game_pic_tab .active{filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
.game_pic_icon{overflow:hidden;display:block; width:33px; height:62px; position:absolute; text-indent:9999em; top: 0; z-index:9999; display: none;}
.game_pic_icon_l{ background:url(../webimages/cimg88.png) no-repeat 140px 100px; z-index:4; padding:100px 0 100px 140px; top: 50%; margin-top: -116px; }
.game_pic_icon_r{ background:url(../webimages/cimg89.png) no-repeat 0 100px; z-index:4; padding:100px 140px 100px 0; top: 50%; margin-top: -116px; }
.info-wrapper{ z-index:5}
.prev_l,.next_r{top:0; width:360px;height: 675px; background:url(../webimages/cimg45.png) repeat 0 0; z-index:3; position:absolute;}
.prev_l{ left:0}
.next_r{ right:0}*/
/*工程案例详情banner over*/
/*工程案例详情banner*/
.game_pic_tab{ height:675px; overflow:hidden; position:relative; background-color: #304a9a;}
.game_pic{position:relative;width:1200px;height:675px;overflow: hidden;}
.game_pic_tab .active{filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
.game_pic_icon{overflow:hidden;display:block; width:33px; height:62px; position:absolute; text-indent:9999em; top: 0; z-index:9999}
.game_pic_icon_l{ background:url(../webimages/cimg88.png) no-repeat 140px 100px; z-index:4; padding:100px 0 100px 140px; top: 50%; margin-top: -116px; }
.game_pic_icon_r{ background:url(../webimages/cimg89.png) no-repeat 0 100px; z-index:4; padding:100px 140px 100px 0; top: 50%; margin-top: -116px; }
.info-wrapper{ z-index:5}
.prev_l,.next_r{top:0; width:360px;height: 675px; background:url(../webimages/cimg45.png) repeat 0 0; z-index:3; position:absolute;}
.prev_l{ left:0}
.next_r{ right:0}
/*工程案例详情banner over*/


/*动态资讯*/
.new-list{ padding-top: 20px; margin-bottom: 10px; border-bottom: 1px solid #d8d8d8;}
.new-list dd{ width: 702px; padding-right: 51px;}
.new-list dd .title a{ font-size: 24px; line-height: 49px; color: #1f1f1f;}
.new-list dd .title .topid{ margin-left: 10px; display: inline-block; width: 50px; height: 25px; text-align: center; line-height: 25px; font-size: 14px; color: #fff; background: url(../webimages/cimg94.png) no-repeat;}
.new-list dd .date{ display: block; font-size: 14px; color: #666; line-height: 24px; padding-left: 29px; background: url(../webimages/cimg95.png) no-repeat 1px center;}
.new-list dd .text{ line-height: 24px; font-size: 13px; color: #666; padding: 16px 0 41px; height: 72px; overflow: hidden;}
.new-list dd .details{ display: block; font-size: 13px; color: #1f1f1f; border: 1px solid #8b8b8b; width: 95px; height: 34px; line-height: 34px; text-align: center;}
.new-list dd .title.new-on a{ color: #304a9a;}
.new-list dd a.new-on{ background-color: #304a9a; color: #fff; border: none; padding: 1px;}
.new-list dt{ padding-bottom: 29px; width: 446px; height: 251px; overflow: hidden;}
.new-list dt img{ width: 446px; height: 251px;}

/*新闻详情*/
.new-details{ width: 900px; padding-bottom: 66px; margin-top: 51px;}
.new-details .title{ font-size: 28px; color: #1f1f1f; line-height: 48px; padding-right: 130px; position: relative;}
.new-details .title .back{ position: absolute; right: 0; top: 9px; display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; background-color: #1a479d;}
.new-details .crumb{ line-height: 28px; color: #666; font-size: 13px; padding-bottom: 26px; border-bottom: 1px solid #cbcbcb; margin-bottom: 30px;}
.new-details .crumb span{ float: left; padding-right: 10px;}
.new-details .crumb .author{ }
.new-details .crumb .click{ padding-right: 19px;}

.details-cont{ line-height: 25px; font-size: 14px; color: #1a1a1a;}
.details-cont img{ display: inline-block; max-width: 900px;}
.new-sample p{ text-indent: 2em;}
.new-sample .pic{ text-indent: 0; text-align: center; padding: 30px 0 11px;}
.new-sample .pic-title{ text-align: center; padding-bottom: 21px;}
.new-sample .pd5{ padding-bottom: 5px;}
.new-sample .pd11{ padding-bottom: 11px;}
.new-sample .pd24{ padding-bottom: 24px;}
.new-sample .pt6{ padding-top: 6px;}

.prev-next{ padding-bottom: 10px; border-bottom: 1px solid #d9d9d9;}
.prev-next div{ font-size: 14px; line-height: 18px; margin-bottom: 7px; height: 62px; overflow: hidden;}
.prev-next div .btn{ color: #1f1f1f; padding-bottom: 8px;}
.prev-next div .btn-text a{ color: #666; display: block; height: 36px; overflow: hidden;}
.prev-next .prev{ padding: 14px 15px 14px 29px; background: #d9d9d9 url(../webimages/cimg99.png) no-repeat 8px center;}
.prev-next .next{ padding: 14px 29px 14px 15px; background: #d9d9d9 url(../webimages/cimg97.png) no-repeat 225px center;}
.prev-next .prev.btn-on{ background-image: url(../webimages/cimg96.png);} 
.prev-next .next.btn-on{ background-image: url(../webimages/cimg98.png);} 

.new-details-right{ padding: 20px 20px 0; width: 240px; background-color: #f7f7f7; margin-top: 61px; min-height: 400px; }
.new-details-right .ri{ width: 240px; overflow:hidden;}
.new-details-right .ri-list{ width: 260px;}
.new-details-right .ri-list li{ padding-right: 20px; width: 110px;}
.new-details-right .ri-list li span em{ padding-right: 2px;}
.new-details-right .ri-list li img{ width: 110px; height: 83px; border: none;}

/*规范标准*/
.down-list{ font-size: 14px;}
.down-list span{ display: inline-block; padding-left: 14px; overflow: hidden;}
.down-list dd span{ padding-top: 15px;}
.down-list .name{ width: 431px;}
.down-list .num{ width: 275px;}
.down-list .update{ width: 275px;}
.down-list .preview,.down-list .down{ width: 74px; height: 29px; padding: 0 0 8px 0; text-align: center;}
.down-list dd .preview,.down-list dd .down{ padding: 16px 0 6px 0; text-align: left;}
.down-list dd .preview a{ background: url(../webimages/cimg104.png) no-repeat 8px center;}
.down-list dd .down a{ background: url(../webimages/cimg105.png) no-repeat 8px center;}
.down-list dd .preview a,.down-list dd .down a{ display: inline-block; padding-left: 33px; width: 41px; height: 29px; background-color: #999; color: #fff;}
.down-list dt{ background-color: #f2f2f2; line-height: 41px; color: #4c4c4c;}
.down-list dd{ line-height: 29px; border-bottom: 1px solid #e6e6e6; color: #989898;}
.down-list dd .name a{ padding-left: 9px; background: url(../webimages/cimg102.png) no-repeat left center;}
.down-list dd .name a:hover{ color: #304a9a; background-image: url(../webimages/cimg103.png);}
.down-list dd .preview a:hover,.down-list dd .down a:hover{ background-color: #304a9a;}

/*规范标准详情*/
.details-down{ padding-top: 69px; font-size: 14px;}
.details-down p{ padding-left: 2em; color: #304a9a; line-height: 30px;}
.details-down p a{ display: block; padding-left: 46px; width: 54px; height: 30px; color: #fff; background: #304a9a url(../webimages/cimg105.png) no-repeat 23px center; margin-top: 12px;}

/*服务流程*/
.service-title{ line-height: 37px; padding-bottom: 38px; text-align: center; font-size: 24px; color: #304a9a; font-weight: 700;}
.service-cont{ padding-bottom: 66px;}
.service-cont .tc{ text-align: center;}
.service-cont .tc img{ display: inline-block; max-width: 1200px;}
.service-cont .pl65{ padding-left: 65px;}

/*建筑幕墙门窗系统设计*/
.design-brief{ padding-top: 8px;}
.design-brief-text{ line-height: 24px; font-size: 14px; color: #1a1a1a;}
.design-brief-text .bluefont{ color: #304a9a;}
.design-brief-text .wfont{ font-weight: 700;}

.semicircle-list{ padding: 55px 14px 49px; border-bottom: 1px solid #d9d9d9;}
.semicircle-list li{ float: left; width: 337px; padding: 0 26px; height: 420px; overflow: hidden; background: url(../webimages/cimg112.png) no-repeat center;}
.semicircle-list li .number,.semicircle-list li .title{ display: block; text-align: center; color: #304a9a;}
.semicircle-list li .number{ font-weight: 700; font-size: 21px; line-height: 29px; padding-top: 13px;}
.semicircle-list li .title{ font-size: 17px; line-height: 23px; padding-bottom: 13px;}
.semicircle-list li .text{ padding: 13px 18px; width: 242px; height: 272px; line-height: 22px; color: #1a1a1a; font-size: 14px; margin: 0 auto; border: 1px dotted #d9d9d9; overflow: hidden;}

.ri-case{ padding: 25px 0 20px; color: #1a1a1a; line-height: 24px; font-size: 18px;}

/*灯光系统设计*/
.design-brief-title{ font-size: 16px; color: #1a1a1a; font-weight: 700; line-height: 34px; padding-top: 4px;}

.design-list{ padding: 52px 0 50px; border-bottom: 1px solid #d9d9d9; text-align: center;}
.design-list li{ float: left; width: 225px; padding-right: 18px; height: 293px; overflow: hidden; background: url(../webimages/cimg113.png) no-repeat left;}
.design-list .last-li{ padding-right: 0;}
.design-list li .number{ display: block; font-weight: 700; font-size: 21px; line-height: 29px; padding: 11px 0 29px; color: #fff;}
.design-list li .title{ display: block; font-size: 16px; line-height: 36px; color: #304a9a;}
.design-list li .text{ padding: 0 12px; line-height: 24px; color: #333; font-size: 14px; margin: 0 auto;}

/*幕墙改造设计*/
.semicircle-list-reset{ padding: 55px 0 49px;}
.semicircle-list-reset li{ float: left; width: 285px; padding: 0 19px 0 0; height: 321px; overflow: hidden; background: url(../webimages/cimg116.png) no-repeat left;}
.semicircle-list-reset .last-li{ padding-right: 0;}
.semicircle-list-reset li .number,.semicircle-list-reset li .title{ display: block; text-align: center; color: #304a9a;}
.semicircle-list-reset li .number{ font-weight: 700; font-size: 21px; line-height: 29px; padding-top: 13px;}
.semicircle-list-reset li .title{ font-size: 17px; line-height: 23px; padding-bottom: 13px; font-weight: 700; width: 176px; height: 44px; margin: 0 auto;}
.semicircle-list-reset li .text{ padding: 13px 18px; width: 196px; height: 122px; line-height: 22px; color: #1a1a1a; font-size: 14px; margin: 0 auto; border: 1px dotted #d9d9d9; overflow: hidden;}

/*可持续设计*/
.design-list-reset{ padding: 38px 0 47px; border-bottom: 1px solid #d9d9d9; text-align: center;}
.design-list-reset li{ float: left; width: 268px; height: 290px; overflow: hidden;  margin: 0 34px; padding: 19px 31px; border: 1px solid #d8d8d8;}
.design-list-reset li .ico{ display: block; height: 90px; width: 90px; margin: 0 auto;}
.design-list-reset li .first-ico{ background: url(../webimages/cimg118.png) no-repeat}
.design-list-reset li .second-ico{ background: url(../webimages/cimg119.png) no-repeat}
.design-list-reset li .third-ico{ background: url(../webimages/cimg120.png) no-repeat}
.design-list-reset li .title{ display: block; font-size: 16px; line-height: 36px; color: #304a9a; padding: 9px 0 5px; font-weight: 700;}
.design-list-reset li .text{ line-height: 24px; color: #333; font-size: 14px; margin: 0 auto;}

/*团队成员*/
.team-brief{ padding: 24px 0; position: relative; line-height: 24px; font-size: 14px; color: #1a1a1a;}
.team-brief .left-bg,.team-brief .right-bg{ display: block; width: 30px; height: 31px; position: absolute;}
.team-brief .left-bg{ left: 0; top: 0; background: url(../webimages/cimg123.png) no-repeat left 10px;}
.team-brief .right-bg{ right: 0; bottom: 0; background: url(../webimages/cimg124.png) no-repeat;}
.team-brief .wfont{ font-weight: 700; font-size: 16px;}
.team-brief .bluefont{ color: #304a9a;}
.team-brief .pb6{ padding-bottom: 6px;}
.team-brief .pb12{ padding-bottom: 12px;}

.team-list{ padding-top: 42px; border-bottom: 1px solid #d9d9d9;}
.team-list li{ float: left; width: 360px; height: 355px; overflow: hidden; padding: 0 35px 42px 4px; line-height: 24px; font-size: 14px; color: #474747;}
.team-list img{ width: 360px; height: 277px;}
.team-list .name{ display: block; background-color: #f7f7f7; padding: 15px 0 2px 14px;}
.team-list .name strong{ font-size: 20px; font-weight: 400; padding-right: 7px;}
.team-list .position{ display: block; background-color: #f7f7f7; padding: 0 0 12px 14px;}
.team-list .position strong{ font-weight: 400; margin-left: 5px;}
.team-list .on{ background: url(../webimages/cimg122.png) no-repeat left 10px;}
.team-list li a:hover{ color: #304a9a;}

/*团队成员详情*/
.team-details{ padding: 13px 0 45px; border-bottom: 1px solid #d9d9d9;}
.team-details dt,.team-details dd{ width: 600px; height: 450px; padding-top: 2px; overflow: hidden;}
.team-details dt img{ width: 600px; height: 450px;}
.team-details dd{ width: 551px; padding: 2px 7px 0 10px; background: url(../webimages/cimg16.jpg) no-repeat left top;}
.team-details dd .name{ line-height: 38px; padding-top: 24px; color: #1a1a1a; font-size: 16px;}
.team-details dd .name strong{ font-size: 28px; padding-right: 7px;}
.team-details dd .position{ font-size: 16px; color: #1a1a1a; padding-bottom: 18px;}
.team-details dd .position strong{ padding-left: 6px;}
.team-details dd .team-details-cont{ line-height: 24px; font-size: 14px; color: #333; height: 311px; overflow: hidden;}
.team-details dd .pb21{ padding-bottom: 21px;}

.team-details dd .back{}
.team-details dd .back a{ display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; background-color: #990000;}

/*团员风采*/
/*画册*/
.bigpic-cont{ padding-top:11px; width:1128px;margin:0px auto; height: 393px; overflow: hidden;}
.details-box{ position:relative; display: none;}
.details-box .text-box{ padding: 7px; background: #304a9a;}
.details-box .text-cont{ color: #fff; padding: 0 15px 0 18px; width: 383px; height: 379px; overflow: hidden; position: relative;}
.details-box .text-cont .title{ line-height: 36px; font-size: 22px; padding-bottom: 19px; font-weight: 700; border-bottom: 1px solid #acb7d7; margin: 59px 0 18px;}
.details-box .text-cont .text{ line-height: 22px; font-size: 13px;}
/*index-banner*/
.bigpic-banner{ width: 698px; height: 393px; overflow: hidden; position: relative;}
.bigpic-banner ul{ margin: 0 auto; position: relative;}
.bigpic-banner ul li{ float: left; height: 393px; width: 698px; position: relative;}
.bigpic-banner ul li img{ width: 698px; height: 393px; margin: 0 auto; position: absolute; left: 50%; margin-left: -349px;}

.bigpic-banner .bigpic-btn{ display: block; position:absolute; top:172px;width:26px; height:54px; cursor:pointer;}
.bigpic-banner .bigpic-prev{ background:url(../webimages/cimg126.png) no-repeat; left:10px;}
.bigpic-banner .bigpic-prev:hover{ background-image: url(../webimages/cimg125.png);}
.bigpic-banner .bigpic-next{background:url(../webimages/cimg127.png) no-repeat; right:10px;}
.bigpic-banner .bigpic-next:hover{ background-image: url(../webimages/cimg128.png);}
/*index-banner over*/

.photoGallerylist-box{ width:1200px; position: relative; padding:11px 0 50px;}
.photoGallerylist{width:1128px; margin:0px auto; overflow:hidden; position:relative;}
.photoGallerylist ul{ width: 9999px; position: relative;}
.photoGallerylist ul li{ float: left; width: 220px; height: 136px; display: inline; margin-right: 7px; cursor: pointer; position: relative;}
.photoGallerylist ul li.cur span{ display:block; position:absolute; background: url(../webimages/cimg134.png) no-repeat; width:220px; height:125px; padding-top: 11px;  z-index: 99;}
.photoGallerylist ul li img{ width:220px; height:125px; position: absolute; bottom: 0;}

.photoGallerylist-box a.Arrow{ display:block; position:absolute; width:24px; height:34px;  bottom:96px;}
.photoGallerylist-box a.Smallleft{ background:url(../webimages/cimg129.png) no-repeat; left:0px;}
.photoGallerylist-box a.Smallleft:hover{ background:url(../webimages/cimg130.png) no-repeat;}
.photoGallerylist-box a.Smallright{ background:url(../webimages/cimg132.png) no-repeat; right:0px;}
.photoGallerylist-box a.Smallright:hover{ background:url(../webimages/cimg131.png) no-repeat;}

.photointroduce{ margin:0px 35px; border-bottom:1px solid #e8e8e8; padding:15px 0px; text-align:center;}


/*画册结束*/

/*未来的你*/
.job-crumb{ padding: 17px 0 72px;}
.job-crumb .text-cont{ width: 431px; height: 305px; overflow: hidden; color: #666;}
.job-crumb .text-cont .title{ padding-bottom: 15px; line-height: 49px; font-size: 36px;}
.job-crumb .text-cont .text{ font-size: 13px; line-height: 24px;}
.job-crumb .text-cont .bluefont{ color: #304a9a;}
.job-crumb .text-cont .wfont{ font-weight: 700;}
.job-crumb .pic-box{ padding: 7px 2px 74px 73px; background: url(../webimages/cimg137.png) no-repeat left bottom;}
.job-crumb .pic-box img{ width: 393px; height: 221px;}

.job-list{ line-height: 36px; padding-bottom: 19px;}
.job-list dt{ float: left; color: #202020; font-size: 18px; font-weight: 700; width: 96px;}
.job-list dd{ float: left;}
.job-list dd a{ color: #202020; font-size: 16px; border-right: 2px solid #d9d9d9; padding: 0 39px;}
.job-list dd .last-a{ border-right: none;}
.job-list dd a:hover{ color: #304a9a;}

.job-details{ background-color: #f7f7f7; position: relative; width: 1138px; margin: 0 4px 30px; padding: 28px 27px 39px; color: #363636; font-size: 14px; line-height: 24px;}
.job-details .left-shadow,.job-details .right-shadow,.job-details .bottom-shadow{ display: block; width: 4px; height: 200px; position: absolute; bottom: 0;}
.job-details .left-shadow{  left: -4px; background: url(../webimages/cimg138.png) repeat-y;}
.job-details .right-shadow{ right: -4px; background: url(../webimages/cimg140.png) repeat-y;}
.job-details .bottom-shadow{ background: url(../webimages/cimg139.png) no-repeat; height: 8px; width: 1200px; left: -4px; bottom: -8px;}
.job-details .title{ font-size: 18px; color: #304a9a; padding-bottom: 14px; font-weight: 700;}
.job-details .job-basic{}
.job-details .job-basic li{ float: left; padding-right: 20px; min-width: 155px;}
.job-details .subtitle{ font-size: 16px; color: #202020; padding-bottom: 11px; font-weight: 700;}
.job-details .text-cont{ padding-bottom: 25px;}
.require-list{}
.require-list li{ padding-left: 32px;}
.require-list .first-li{ background: url(../webimages/cimg74.png) no-repeat left 7px;}
.require-list .second-li{ background: url(../webimages/cimg75.png) no-repeat left 7px;}
.require-list .third-li{ background: url(../webimages/cimg76.png) no-repeat left 7px;}
.require-list .fourth-li{ background: url(../webimages/cimg77.png) no-repeat left 7px;}
.require-list .fifth-li{ background: url(../webimages/cimg142.png) no-repeat left 7px;}
.require-list .sixth-li{ background: url(../webimages/cimg141.png) no-repeat left 7px;}

.apply{ padding-top: 17px;}
.apply a{ display: block; width: 120px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 14px; background-color: #1a479d;}

.pb49{ padding-bottom: 49px;}



/*提交需求*/
/*--合作意向--*/

.Cooperationbox{position:fixed;top:0;_position:absolute;_top:expression(documentElement.scrollTop + 0 + "px"); z-index: 9999; width: 100%; background-color:#fff; display:none;}
.Cooperation{width:970px; margin:auto; padding:35px 35px; position:relative; background-color: #fff;}
.Cooperationleft{ float:left; width:450px;color:#212121;}
.Cooperationleft h3{ font-size:40px; line-height:42px; color:#e60012; padding-bottom:25px;}
.Cooperationleft h4{ font-size:45px; line-height:48px; border-bottom:1px solid #cccccc; padding-bottom:35px;}
.Cooperationleft h5{ font-size:18px; line-height:26px;}
.Cooperationleft h5 span{ font-size:24px; padding-right: 10px;}
.Cooperationleft p{ font-size:13px;}
.Cooperationleft p.coopb{ padding:35px 0px;}


.Cooperationright{ float:right; width:450px;}
.Cooperationright h3{ font-size:24px; line-height:30px; padding-bottom:10px;}
.Cooperationright ul{ margin:0px; padding:0px;}
.Cooperationright ul li{ margin:0px; padding:0px; min-height:46px; height:auto !important; height:46px; position:relative;}
.Cooperationright ul li label{ display:block; padding:6px 10px; height:24px; overflow:hidden; background:#f6f6f6; border:1px solid #d9d9d9;}
.Cooperationright ul li label input{width:100%; background:none; outline:none; font-size:15px; font-family:"微软雅黑"; color:#999999;}
.Cooperationright ul li label.xingming{float:left; width:185px;}
.Cooperationright ul li label.dianhua{float:right; width:185px;}
.Cooperationright ul.erweima{ padding-top:20px;}
.Cooperationright ul.erweima li label{ width:200px;}
.Cooperationright ul.erweima li img{ position:absolute; left:240px; top:0px;}
.Cooperationright h4{ font-size:16px; font-weight:bold;padding:2px 0px 5px; color:#1a1a1a;}
.Cooperationright dl{ margin:0px; padding:0px; font-size:13px; color:#212121;}
.Cooperationright dl dd{float:left; width:220px; padding-bottom:5px;}
.Cooperationright dl dd input{vertical-align:middle;}
.Cooperationright dl dd span{ padding-left:10px;}
.Cooperationright dl dd.w220{ width:230px;}
.Cooperationright dl em{ padding:0px 5px;}
.Cooperationright p{ padding-top:10px}
.Cooperationright p input{ border:2px solid #e81727; background:none; outline:none; font-size:20px; font-family:"微软雅黑"; font-weight:bold; width:100%; color:#e81727; padding:10px 0px; cursor:pointer;}

.Cooperationclose{ position:absolute; right:10px; top:10px; width:39px; height:39px; background:url(../webimages/index_09.png) no-repeat; cursor:pointer;}