﻿@charset "utf-8";
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, button, p, blockquote,h2,font
{ margin: 0; padding: 0; border:0;} 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
a{text-decoration:none;outline:0;}
html{overflow-x:hidden; }
.center{ text-align:center;}
.center img{ border:1px solid #ccc;}
.clear{clear:both;height:0;overflow:hidden}
body{color:#515d6b;font-size:12px; overflow-x:hidden;background:#fff; font-family:"Microsoft Yahei"; }
a{ color:#515d6b;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}
/* head */
.head{ width:100%;}

/*top*/
#top1{width: 100%; margin:0 auto; height:30px; background:url(../images/bgline.jpg) left top repeat-x;}
#top1 .topmain{width:1150px; margin:0 auto;height: auto; line-height:30px;}
#top1 .topmain .top-left{float: left;width: 400px;color:#000; text-align:center}
#top1 .topmain .top-right{float: right;width: 250px;color:#000;}
#top1 .topmain .top-right a{ color:#000;}



.nav{ width:100%; height:53px; background:#004098;}
.nav ul{ width:1100px; height:53px; margin:0 auto;}
.nav ul li{ float:left; width:100px; height:53px; position:relative; z-index:9;}
.nav ul li.first{ float:left; width:90px; height:53px;}
.nav ul li.first a{ float:left; width:70px; background:url(../images/index.png) 15px 15px no-repeat #c8161d; padding:0 0 0 20px;}
.nav ul li a{ float:left; width:100px; height:53px; font-size:14px; color:#ffffff; line-height:53px; text-align:center; }
.nav ul li a:hover{ background: #c8161d; width:98px;border-left:1px solid #b71316; border-right:1px solid #b71316;}
.nav ul li a.cur{ background: #c8161d; width:98px;border-left:1px solid #b71316; border-right:1px solid #b71316;}
.nav ul li.first a:hover{ background: url(../images/index.png) #c8161d 14px 15px no-repeat;width:68px;border-left:1px solid #b71316; border-right:1px solid #b71316;padding:0 0 0 20px;}
.nav ul li p{ display:none; position:absolute; top:53px; left:0; width:98px; border-left:1px solid #b71316; border-right:1px solid #b71316;  background: url(../images/navbg.png) left top repeat;}
.nav ul li p a{ float:left; width:98px; height:46px; line-height:46px;  border-top:1px solid #b71316;}
.nav ul li p a:hover{ width:98px; border:0; border-top:1px solid #b71316; background:none;}
.headtop{ width:100%; height:110px; background:#fff; }
.headtop p{ width:1100px; margin:0 auto; height:96px;}
.headtop p a{ float:left; padding:25px 0 0 0;}
.headtop p span{ color:#666;float: right; height:50px;background:url(../images/tel.png) left center no-repeat; padding:0 0 0 45px; display:inline; margin:20px 0 0 0; font-size:14px;}
.headtop p span label{ font-family:Impact; font-size:26px; color:#d5010f}

/*-------------------search-----------------*/
.search{position:relative;float:left; display:inline; margin:30px 0 0 0;width:479px;z-index:999;height:55px; display:inline-block;line-height:30px;}
.text{float:left;width:300px;color:#bdbdbd;height:50px; padding:2px 0;line-height:30px;border:0;padding-left:20px; font-size:15px;}
.button{float:right;width:58px;height:55px;background:url(../images/button.png) center top no-repeat}
.select{float:left;width:82px; height:55px; line-height:55px;margin-left:3px;display:inline;background:url(../images/select.gif) right center no-repeat;position:relative;z-index:9999999}
.select select{margin:5px auto;width:80px}
div.selectbox-wrapper{border:#dcdcdc 1px solid;overflow:hidden;width:86px;position:absolute;background:#fff;text-align:left;z-index:10; bottom:55px; }
div.selectbox-wrapper ul li.selected{background:#252525;color:#fff}
div.selectbox-wrapper ul li.current{color:#fff;background-color:#252525}
div.selectbox-wrapper ul li{text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height:20px;padding-top:3px;font-size:12px;font-family:'Microsoft Yahei';color:#666}
.selectbox{border:none;display:block;width:88px;text-indent:8px;cursor:pointer;height:55px;background:0 0;font-size:15px;font-family:'Microsoft Yahei';color:#545454;line-height:55px}


/* 公司简介 */
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;}
.g_zj{background:url("../images/zjbg.jpg") no-repeat center top;height:346px; padding-top: 60px; min-width:1150px;overflow:hidden; margin:0 auto;}
.g_zj h2{background:url("../images/zjtit.jpg") no-repeat; height: 56px;padding-left: 45px; width: 610px;}
.g_zj h2 a{ color: #333333; font-weight: bold; font-size: 26px;}
.g_zj .u_more{display: block; margin-top: 10px; float:right;}
.g_zj .u_more a{ font-size: 12px; color: #333; font-weight: normal;text-transform: uppercase;display: block;}
.content2{ width:1150px; margin:0 auto;}
.g_zj .u_dlst1 {height: 318px; }
.g_zj .u_dlst1 dt{ width: 419px; float: right; margin-right: 18px;_display:inline; margin-top: 9px; }
.g_zj .u_dlst1 dt img{ width: 419px; height: 235px; display: block;}
.g_zj .u_dlst1 dd{float: left;width: 710px;}

.g_zj .u_dlst1 h3{height: 40px; line-height: 40px; overflow: hidden;border-bottom: 1px solid #e5e5e5;width: 606px;}
.g_zj .u_dlst1 h3 a{ font-size: 16px; color: #333333; font-weight: normal;}
.g_zj .u_dlst1 p{ font-size: 14px; color: #000;overflow: hidden; width: 650px;padding-top: 10px; line-height:200%;}



/* 右边 */
.m_pright{ width:1150px; margin:0 auto;}
.m_pright h3{margin-top: 20px; height: 47px;line-height: 47px; margin-bottom: 18px;
background:url("../images/protit.jpg") no-repeat left bottom;
}
.m_pright h3 a{color: #fff;font-size: 18px;font-weight: bold; text-align: center; width: 148px;display: inline-block; float: left;}
.m_pright h3 a:hover,.m_pright .cur{color: #fff;background:url("../images/cptj.jpg")/*tpa=http://www.sdsztzjt.com/home/Tpl/default/images/cptj.jpg*/ no-repeat}
.u_more1{display: block; margin-top: 0px; float:right; }
.u_more1 a{ font-size: 12px; color: #333; font-weight: normal;text-transform: uppercase;display: block;}
.m_pright h3 span a{text-transform: uppercase;font-size: 12px;color: #004098;font-weight: normal; font-family: arial; background: none; padding-left: 0;width: 50px;}
.m_pright h3 span a:hover{background: none;font-size: 12px;color: #004098;padding-left: 0;width: 50px;}




/* page*/
.page{margin-top:35px; font-size:12px;float:left; width:730px; line-height: 28px; text-align:right; color:#222;}
.page a { color:#fff; padding:0 10px; margin:0 5px;  background: #222222;}
.page *{ display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:28px;height:28px;padding-bottom:1px; }
.page a:hover {color:#fff; }
.page img{ height: auto; margin:0 3px;}
.page .bg{ font-weight: normal; color:#fff; margin:0 5px;}
.page .current {display:inline-block;border: 1px solid #c3272b;  padding:0 10px;  color:#fff; background:#c3272b;margin:0 5px;}
.total{text-align:center;height:32px; line-height:32px;}
.reach{text-align:left; padding-left:5px; height:32px; line-height:32px;}
.btn{ width:36px;}
.btn a{ background: #000; color: #fff; line-height: 32px; width: 30px; height: 32px; text-align: center;}
.input_page{ width:28px;height:32px; text-align:center;  background:#222; color:#fff; font-size:12px; line-height:32px;}
.arrow_l{
border:10px solid #000; margin-top: 10px; display: inline; border-color:#f00 transparent transparent transparent; border-style:solid dashed dashed dashed;}
.page a.le{ margin:0 5px; background:url(../images/pagel.gif) #222 4px center no-repeat; }
.page a.ri{ margin:0 5px; background:url(../images/pager.gif) #222 48px center no-repeat; }
/*--------------book---------------*/
.book{ float:left; padding-left:15px; padding-top:30px;}
.bookmain{width:640px; margin:20px auto;height:auto;background:#fff;padding:0 25px ; overflow:auto; }
.bookline{width: 640px; height:34px;float:left; margin-top:10px;}
.book3{ width:640px; margin:0 auto;}
.booktop{ width:640px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; display:inline; margin-left:30px;}
.booktop_name{ width:470px; height:30px; float:left; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:#ccc; text-align:right; line-height:30px;}
.bookcontent{ width:680px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);display:inline; margin-left:30px;}
.bookadmin{ width:680px; height:auto; float:left;display:inline; margin-left:30px;}
.bookadmin_top{ width:680px; height:12px; float:left;}
.bookadmin_mid{ width:680px; min-height:30px; background:#fff; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.admintimecol{ color:#5e7194;}
.message{ width:600px; height:auto;float:left;padd/ing-left:50px;}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px; cur/sor:pointer}
.message li input{ height:30px; line-height:30px; width:200px; border:1px solid #ccc;}
.message li p.message_title{ width:100px; height:30px; float:left; text-align:right; line-height:30px;}
.message li p.message_content{ width:400px; height:25px; float:left;}
.message li.contentb{ width:500px;height:160px; float:left;}
.message li.contentb textarea{ width:370px; height:120px; border:1px solid #ccc }
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; height:15px; float:left;}
.message li p.message_yzminput input{ width:80px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:170px; height:40px; float:left; text-align:right;}
.message li .bookbut{ background:#4ab7fe; border:0; font-size:14px; font-weight:bold; color:#fff; line-height:30px;height:30px;}
.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}
/*-----index---------------*/
.news-about{ width:100%; background:#1d1d1d; height:310px; padding:17px 0 0 0;}
.fra{ width:1150px; margin:0 auto; overflow:hidden;}
.fra2{ width:1240px; margin:0 auto; overflow:hidden; }
.fra1{ width:1004px; margin:0 auto;}
.news{ float:left; width:575px; background:url(../images/newsright.jpg) #ffffff right top no-repeat; height:290px;}
p.iname{ float:left; width:55px; height:290px; background:url(../images/newsleft.jpg) left top no-repeat; ; color:
#ffffff; text-align:center;}
p.iname label{ float:left; width:55px; background:url(../images/newsline.png) center bottom no-repeat; font-size:20px; font-weight:bold; padding:20px 0 25px 0}
p.iname a{ float:left;width:55px; text-align:center; font-size:14px; color:#fff;}
.news ul{ float:left; width:488px; padding:10px 0 0 20px;}
.news ul li{float:left; width:488px; height:44px; border-bottom:1px dotted #797979; line-height:44px; font-size:14px;}
.news ul li a{float:left; width:375px; line-height:44px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#565656;}
.news ul li span{ float:right; width:78px; padding:0 5px 0 0;color:#929292;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.icontact{ float:right; width:560px;background:url(../images/newsright.jpg) #ffffff right top no-repeat; height:290px;}
.icontact-con{ float:left; width:460px; line-height:30px; height:280px; overflow:hidden; color:#565656;  font-size:14px; padding:10px 0 0 20px;}
.icontact-con img{ display:block; width:200px; height:140px; float:left; padding:5px 10px 0 0;}
.product{ width:100%; }
.stop{width:1150px;margin:30px auto 0px auto;padding:0px 0 10px 0;height:25px;background:url(../images/proline.jpg) left center repeat-x}
.stop b{float:left;font-size:22px;color:#1d1d1d; background:#e6e6e6; padding:0 10px 0 0;}
.stop a{float:right;font-size:14px;color:#1d1d1d; padding:5px 0 0 10px;background:#e6e6e6;}


.abouttop { background: url(../images/titlebg.jpg) no-repeat; width: 1150px; height: 80px; overflow: hidden; padding-bottom: 10px; margin-top:10px; }
.abouttr { float: left; height:80px; padding-top:10px; overflow:hidden; }
.abouttl { float: right; }
.abouttr p { font-family: 'arial'; font-size: 16px; color: #ffffff; padding: 5px 0 0 31px; }
.abouttr span { font-family: '微软雅黑'; font-size: 22px; color: #ffffff; font-weight: normal; padding-left: 31px;  }
.abouttl p { font-family: '微软雅黑'; font-size: 16px; color: #ffffff; padding: 51px 10px 0 0; }


.pro-class{ margin:0 auto; bo/rder-bottom:3px solid #c3272b; text-align:center; font-size:14px;color:#343434}
.pro-class a{ border-bottom:3px solid #c3272b; display:inline-block; padding:17px 8px; color:#343434}
.pro-class span{ border-bottom:3px solid #c3272b; display:inline-block; padding:17px 8px; font-weight:bold; }
.pro{ float:left; width:1150px; padding:20px 0 0 0;}
.iproimg1{ float:left; width:323px; height:409px; overflow:hidden; position:relative;}
.iproimg1 p{display:none;position:absolute;width:283px;color:#fff;line-height:30px;z-index:10;bottom:0px;left:0;font-size:14px;padding:10px 20px; background:url(../images/worbg.png) left top repeat;}
.iproimg1 p b{ display: block; line-height:30px; font-size:16px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.iproimg1 p span{ display:block; font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.pro ul{ float:left; width:1145px;  padding-left:14px; }
.pro ul li{ float:left; width:262px; display:inline; padding:0 0 0 0; margin:0px 24px 0px 0px; position:relative; overflow:hidden;}
.pro ul li img{ float:left; width:262px; height:200px;}
.pro ul li a.wor{ float:left; width:262px; height:35px; line-height:35px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#343434; font-size:14px; font-weight:bold; text-align: center; padding:0 0 0 0;}
.casetitle{ left:0; top:0;position:absolute; width:262px; height:37px; padding-top:164px; text-align:center; color:#fff;/* background:rgba(0,0,0,0.5);*/ background:url(../images/gray.png) top center repeat;_background:none; _background:#000; _filter:alpha(opacity=50); }
.zoombut{width:37px; height:37px; float:right; display:inline; background:url(../images/big.png) top center no-repeat;}
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box{position:relative;background-color:#fff;width:440px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-container-image-box > #lightbox-nav{left:0}#lightbox-nav a{outline:none}#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}#lightbox-container-image-data{color:#666}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}
p.ad{ width:1150px; margin:10px auto;}
.activity{ width:100%; min-height:380px; }

.left1{ width:480px; float:left;}
.stop2{width:480px;margin:10px auto 0px auto;padding:0px 0 10px 0;height:25px;background:url(../images/proline.jpg) left center repeat-x}
.stop2 b{float:left;font-size:22px;color:#1d1d1d; background:#fff; padding:0 10px 0 0;}
.stop2 a{float:right;font-size:14px;color:#1d1d1d; padding:5px 0 0 10px;background:#fff;}



.right1{ width:650px; float:right;}

.newsFaq { display: block; padding-top: 54px; height: 470px; overflow: hidden; font-family: "Microsoft YaHei" }
.news2 { display: block; float: left; width: 650px; overflow: hidden; }
.news2 h2 { display: block; height: 52px; overflow: hidden; background: #004098; }
.news2 h2 a { display: block; float: left; width: 50%; overflow: hidden; line-height: 52px; height: 52px; font-size: 18px; font-weight: normal; color: #fff; text-align: center; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; }
.news2 h2 a:hover, .news2 h2 a.cur { background:#d80001; }
.newsBx { display: block; padding-top: 10px; overflow: hidden; }
.newsBx dl { display: block; height: 150px; border-bottom: 1px solid #bcbcbb }
.newsBx dt { display: block; float: left; width: 196px; overflow: hidden; }
.newsBx dt img { display: block; width: 196px; height: 121px; overflow: hidden; }
.newsBx dd { float: right; display: block; width: 380px; height: 121px; overflow:hidden; }
.newsBx dd h3 { display: block; height: 23px; overflow: hidden; }
.newsBx dd h3 a { color: #333333; font-size: 14px; }
.newsBx dd p { line-height: 24px; overflow: hidden; font-size: 14px; }
.newsBx dd p a { color: #e60012; font-weight: bold; }
.newsBx ul { display: block; padding-top: 10px; height: 240px; overflow: hidden; }
.newsBx li { height: 37px; line-height: 37px; overflow: hidden; border-bottom: 1px dashed #bfbfbf; background: url("newsIco.gif") no-repeat left center; overflow: hidden; width: 293px; }
.newsBx li a { display: block; color: #333333; font-size: 14px; padding-left: 12px; }
.news2 .more { width: 98px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #b1afae; font-size: 14px; color: #5c5c5c; display: block; }



.www51buycom{  padding:10px 0 0 0;width:474px;height:297px;margin:0;position:relative;overflow:hidden;}
.www51buycom .num{overflow:hidden;height:10px;position:absolute;bottom:20px;right:145px;zoom:1;z-index:3;width:190px;text-align:center;display:none}
.www51buycom .num li{font-size:0;width:9px;height:9px;color:#FFF;background:#fff;margin:0 7px;border-radius:9px;cursor:pointer;display:inline-block;color:#fff}
.www51buycom .num li.on{background:#222c50;color:#222c50}
.www51buycom .next,.www51buycom .prev{width:38px;height:35px;position:absolute;bottom:0px}
.www51buycom .prev{right:38px;background:url(../images/left.gif) #1d1d1d center center no-repeat}
.www51buycom .next{right:0;background:url(../images/right.gif) #1d1d1d center center no-repeat}
.www51buycom .prev:hover{background:url(../images/left.gif) #de2c30 center center no-repeat}
.www51buycom .next:hover{background:url(../images/right.gif) #de2c30 center center no-repeat}

.actr{  width:650px; padding:0 0 0 0;}
.actop{ float:left; width:502px;color:#3b3b3b; display:inline; margin-bottom:10px;}
.actop b{ float:left; width:502px; font-size:20px;  line-height:30px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.actop  span{ float:left; width:502px; line-height:27px; height:81px; overflow:hidden; font-size:14px; padding:15px 0 0 0;}
.actr ul{ float:left; width:650px;}
.actr ul li{ float:left; width:650px; border-bottom:1px dotted #5d5d5d;}
.actr ul li a{ float:left; width:535px; background:url(../images/act.png) left center no-repeat; line-height:39px; padding:0 0 0 30px; color:#393939; font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.actr ul li span{float:right; width:78px; padding:0 5px 0 0;color:#929292;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.team{ float:left; width:1150px;  padding:20px 0 0 0;}
.team li{ float:left; width:191px; height:255px; display:inline; margin:0 12px 0 0;}
.team li a{ float:left; width:191px; height:255px; position:relative; overflow:hidden;}
.team li a p{display:none;position:absolute;width:151px;color:#fff;line-height:30px;z-index:10;bottom:0px;left:0;font-size:14px;padding:10px 20px; background:url(../images/worbg.png) left top repeat;}
.team li a p b{ display: block; line-height:30px; font-size:16px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.team li a p span{ display:block; font-size:12px; line-height:20px; height:40px; overflow:hidden;}


/*-----设计团队-------*/
.part3 { width: 1030px; margin: 0 auto; position: relative; }
.plane1 { width: 280px; float: left; padding-right: 33px; padding-bottom: 33px;  }
.hoverpic1 .nornalpic { display: block; float: left; font-size: 0; margin: 0; padding: 0; border: none; }
.planepic { height: 220px; overflow: hidden; position: relative;  *position: static;}
.hoverpic1 { background: url(../images/bgyellow.png) center bottom no-repeat; width: 280px; height: 320px; position: relative;
*position: static;}
/*链接*/
.ww{ display:block; width:280px; height:320px;}
.special h1 { padding-top: 33px; color: #ffffff; font: 24px/24px '微软雅黑'; padding-left:20px; }
.special span { color: #ffffff; font: 12px/12px '微软雅黑'; }
.special p { color: #ffffff; font: 12px/26px '微软雅黑'; padding-top: 10px; width:270px; padding-left:10px; }
.planepic:hover .hoverpic1 { display: block; margin-top: -320px;  *margin-top: -324px;z-index: 500; }
.hoverpic1 > div { margin-left: 0px; margin-right: 10px; color: #fff; padding-top: 70px;  }
.planefont { overflow: hidden; width: 280px; height: 50px; background: #000000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; margin-top: -50px; z-index: 100; }
.planefont span { color: #ffffff; font: 16px/50px '微软雅黑'; float: left; text-align:center; display:block; width:280px;}
.planefont p { color: #ffffff; font: 12px/50px '微软雅黑'; float: right; padding-right: 20px; }
#runpic { overflow: hidden; width: 1030px; float: left; }
#runpic img { }
#inrunpic { float: left; width: 800%; }
#run1 { float: left; }
#run2 { float: left; }
.borderleft { background: url(../images/leftcircle.png) no-repeat; width: 40px; height: 40px; position: absolute; top: 100px; left: -60px; cursor: pointer; }
.borderright { background: url(../images/rightcircle.png) no-repeat; width: 40px; height: 40px; position: absolute; top: 100px; right: -60px; cursor: pointer; }

/** 案例列表 **/
.container {
	width:1150px;
	margin:0 auto;
}
.caseList {
	width:1150px;
	padding-bottom:20px;
	overflow:hidden;
}
.caseList ul {
	width:1150px;
}
.caseList ul li {
	width:242px;
	padding:15px;
	margin:15px 15px 0 0;
	float:left;
	display:inline;
	background-color:#404041;
}
.caseList ul li a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
.caseList_title {
	
	font-weight:normal;
	font-size:16px;
	color:#fff;
}
.caseList_brand {
	margin-top:6px;
	color:#999;
}
.caseList_img {
	margin-top:12px;
}
.caseList_about {
	margin-top:10px;
	line-height:24px;
	color:#999;
}
.caseList_more {
	display:inline-block;
	padding:10px 0 0 0;
	font-family:"Arial";
	color:#cd590e;
}
/*---为什么选择----*/
.ys { height:1096px; position:relative; width: 1150px; z-index:-1;}
.ys h2 { height:123px;}
.one { position:absolute; top:186px; left:5px; font-family:"微软雅黑"; }
.one h3 { margin-bottom:10px;}
.one p { background: no-repeat left 8px; margin:8px 0; padding:0 0 0 15px; font-size:14px; line-height:24px; color:#000;}
.two { position:absolute; top:386px; left:5px;}
.three { position:absolute; top:691px; left:519px;}
.four { position:absolute; top:883px; left:519px;}
.img01 { position:absolute; top:197px; right:0;}
.img02 { position:absolute; top:544px; left:0;}



/*------优势---------*/
.odds_bg { width:100%;height:1672px;position:relative;}
.odds {width: 1100px;height: 1672px;position: absolute;left: 50%;top:0;margin-left: -480px;}
.odds1 {width: 100%;height: 418px;background:url(../images/odds1.jpg) no-repeat center top;}
.odds2 {width: 100%;height: 418px;background:url(../images/odds2.jpg) no-repeat center top;}
.odds3 {width: 100%;height: 418px;background:url(../images/odds3.jpg) no-repeat center top;}
.odds4 {width: 100%;height: 418px;background:url(../images/odds4.jpg) no-repeat center top;}
.o_tel {position:absolute;left:700px;top:90px;width:300px;color:#7a7a7a;font:14px/26px "Microsoft Yahei";overflow: hidden;}
.o_tel span {font-size:30px;font-family: "Impact","Arial";}


.part {position:absolute;width:520px;}
.part dt {position:relative;position:relative;padding-left:56px;zoom:1;}
.part dt .p1 {padding-top: 14px;font: bold 24px "Microsoft Yahei";color:#034091;}
.part dt .p2 {padding-bottom: 12px;font: bold 20px "Microsoft Yahei";color:#333;}
.part dt b {position: absolute;left:0;top:0;display: block;}
.part dd {color: #393939;}
.part dd p {margin-top:10px;padding-left:28px;font: 14px/24px "Microsoft Yahei";background:url(../images/item4.gif) no-repeat 7px 7px;}
.part dd .nobd {border: none;}

.odds .part5 {left:5px;top:252px;}
.odds .part6 {right:0;top:654px;width: 470px;}
.odds .part7 {left:5px;top:1003px;width: 455px;}
.odds .part8 {right:0;top:1356px;width: 470px;}



/*---foot----*/
.foot{ width:100%; background:#003277; height:227px;}
.footlink{ width:1150px; height:95px; margin:14px auto 0 auto; background:#d5010f ;}
.footlink .name{ float:left; width:104px;}
.linka{ float:left; width:850px; color:#fff; font-size:14px; line-height:20px; padding:20px 0 0 20px;word-wrap:break-word  }
.linka a{ display:inline-block; margin:0 5px;color:#fff;}
.foot-con{ width:1004px; margin:30px auto 0 auto; text-align:center; color:#fff; line-height:28px; font-size:14px;}
.foot-con a{color:#fff;}
.nav-bo{ width:100%; height:53px; background:#090909; padding-bottom:96px;}
.nav-bo ul{ width:1004px; height:53px; margin:0 auto; text-align:center;}
.nav-bo a{ display:inline-block; margin:0 12px; height:53px; font-size:14px; color:#a0a0a0; line-height:53px; text-align:center; }
.nav-bo a:hover{  color:#fff;}
.nav-bo a.cur{ color:#fff;}
.ifloat{ z-index:99; width:100%;position: fixed;_position: absolute;left:0px;bottom: 0;_bottom: "auto"; height:96px; background:url(../images/top2.jpg) left top repeat-x;}
.qqmei{ float:left; margin-top:-8px; padding-left:5px;}
.foot-tel{ float:left; font-size:15px; color:#ffffff; padding:20px 0 0 15px;}
.foot-tel label{ color:#ffe207; font-size:30px; font-family:Impact}


/*----about-------------*/
.fy{ width:100%; background:url(../images/tipline.jpg) left top repeat-x; padding:0 0 20px 0;}
.fyLeft{ float:left;width:260px; margin-top:13px;overflow:hidden;  margin-bottom:20px; }
.l_pro{float:left;width:260px;  }
.l_pro_t{ background: url(../images/ftop.jpg) left top no-repeat; font-size:20px; text-align:center; width:260px; height:87px; color:#fff;  }
.l_pro_t b{ display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:10px 0 5px 0;}
.l_pro_t span{ display:block; text-transform:uppercase; font-size:16px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.l_procon{ float:left; width:248px; padding:20px 0 30px 10px;  background:url(../images/fline.jpg) #fff left bottom no-repeat; border:#CCCCCC solid 1px;}
.proOne{ width:240px;float:left;overflow:hidden; padding:0 0 10px 0;}
.proOne a{width:240px; background:url(../images/fleft.jpg) left top no-repeat; padding-left:25px;  color:#5a5a5a;line-height:43px; float:left;font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.proTwo{ float:left; width:200px;line-height:25px;overflow:hidden;padding:0px 0 5px 10px;}
.proTwo li{ border-bottom:1px dotted #bcbaae; float:left; width:100%;}
.proTwo li a{ border-bottom:1px solid #bcbaae; float:left;border-bottom:1px dotted #ddd; font-size:14px; background:url(../images/proico.gif) no-repeat 22px center; color:#5a5a5a; line-height:42px;width:175px; font-weight:normal; text-align:left; padding-left:15px;}
.proTwo li a:hover{ float:left;color:#0B375E}
.fy_lad{ float:left; padding:30px 0 0 0;}
.fyRight{ float:right; padding-bottom:30px;overflow:hidden;width:850px;   padding:25px 0 0 0;}
.title{ padding:0 0 30px 0px; width:850px;  height:45px;position:relative; line-height:45px  }
.title .fl{ float:left; color:#fff; font-size:18px;  }
.title .fr,.title .fr a{ color:#fff;font-size:14px;}
.title .fr{ float:right; margin-right:8px; margin-top:5px;}
.title .fr font{ font-size:14px;}
.padding25{ padding:20px 10px 0 10px;width:830px;word-break:break-all; line-height:30px; font-size:14px; min-height:640px; _height:640px; color:#4d4d4d;}


.title2{ padding:50px 0 30px 0px; width:1220px;  height:45px;position:relative; line-height:45px  }
.title2 .fl{ float:left; color:#d7d7d7; font-size:18px; font-weight:bold; }
.title2 .fr,.title2 .fr a{ color:#b4b4b4;font-size:14px;}
.title2 .fr{ float:right; margin-right:8px; margin-top:5px;}
.title2 .fr font{ font-size:14px;}


.title3{ padding:50px 0 30px 70px; width:1000px;  height:45px;position:relative; line-height:45px  }
.title3 .fl{ float:left; color:#d7d7d7; font-size:18px; font-weight:bold; }
.title3 .fr,.title3 .fr a{ color:#b4b4b4;font-size:14px;}
.title3 .fr{ float:right; margin-right:8px; margin-top:5px;}
.title3 .fr font{ font-size:14px;}




.leftContact{padding-bottom:10px; padding-top:10px;width:258px;background:#fff; border:#CCCCCC solid 1px; }
.leftConTel{margin:9pt auto 6px;padding-left:46px;width:184px;height:40px;border-radius:20px;background:url(../images/product_07.jpg) 1pc center no-repeat #1d1d1d;color:#fff;font-size:24px;font-family:impact;line-height:40px}
.leftContact dl{clear:both;display:block;padding:0 10px;width:250px; }
.leftContact dl dd,.leftContact dl dt{color:#666;font-size:14px;line-height:30px; text-align:left;}
.leftContact dl dt{float:left;padding-left:22px;width:45px}
.leftContact dl dd{float:left;width:168px; text-align:left;}
/*---------------pro--------------------*/
.proul{ float:left; width:850px; padding:20px 0 0 3px;  }
.proul li{ float:left; width:265px; display:inline; padding:0 0 10px 0; margin:0px 20px 0px 0px; position:relative; overflow:hidden;}
.proul li img{ float:left; width:265px; height:200px;}
.proul li a.wor{ float:left; width:265px; height:30px; line-height:30px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#343434; font-size:14px; font-weight:bold; text-align: center; padding:15px 0 0 0;}
.casetitle1{ left:0; top:0;position:absolute; width:265px; height:37px; padding-top:165px; text-align:center; color:#fff;/* background:rgba(0,0,0,0.5);*/ background:url(../images/gray.png) top center repeat;_background:none; _background:#000; _filter:alpha(opacity=50); }
.title_s{ text-align: center;color: #7a7a7a;font-size: 12px;line-height: 35px;}
.padding25 h2{ font-size:18px; font-weight:normal; color:#1d1d1d; font-weight:bold;}
.padding25 .center img{ border:1px solid #ccc; margin-bottom:10px; width:auto; max-width:600px;_width:expression(this.width > 600 ? "600px" : this.width);overflow:hidden; }
.newsview{ min-height:300px;display:inline; width:100%;padding-top:25px;margin-bottom:25px; padding-bottom:15px;_height:300px; font-size:14px; line-height:28px; float:left; color:#555;}
.main_r_nav div{ line-height:25px; color:#2c2c2c;}
.main_r_nav{ float:left; width:700px; font-size:14px; }
.returnlist{ display:inline; margin:30px 0 0 330px;  float:left;font-size:14px; background:url(../images/return.jpg) left top no-repeat; width:106px; height:36px; text-align:center; color:#fff; line-height:36px; }
.main_r_nav a{color:#2c2c2c;}


/*以下内容是翻页的样式
-----------------------------------------------------------------------------------------------------*/
.page_nav{ color:#333; width:750px; text-align:center; margin-top:20px; margin-bottom:20px;}
.page_nav a {
 padding-right: 5px;  padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #fff; padding-top: 2px; text-decoration: none;background:#004098;}
.page_nav a:hover {
 color: #fff; background-color:#d5010f;
}
.page_nav a:active {
border-right: #ff5000 1px solid; border-top: #ff5000 1px solid; border-left: #ff5000 1px solid; color: #000; border-bottom: #ff5000 1px solid
}
.page_nav span.current {
padding-right: 5px;  padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px;  color: #fff; padding-top: 2px;  background-color: #004098
}
.page_nav span.nolink {  padding-right: 5px;  padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #fff; padding-top: 2px;  background:#004098;
}



/*----------------news-----------------*/
.newsmain{float:left;width:820px;padding:40px 0 0 30px}
.newsmain li{float:left;width:820px;margin:0 0 0px 0; border-bottom:1px dotted #808080; padding:24px 0;}
.newsmain li a{float:left;width:820px}
.time{float:left;width:70px;height:85px;background:#fff;margin-right:1px;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:center;border:1px solid #dcdcdc;padding:0 4px}
.time span{ line-height:40px; font-size:14px;float:left;width:100%;color:#464646;border-top:1px solid #cbcbcb;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.time label{ line-height:40px;  color:#464646; font-weight:bold;width:100%;text-align:center;text-transform:uppercase;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.newsli_r{float:right;line-height:1.5;color:#8b8b8b;width:700px;}
.newsli_rt{float:left;width:700px;font:16px/1.5 'Microsoft Yahei'}
.newsli_rt .fl{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:700px;font-weight: bold;color:#464646; font-size:16px;}
.newscont{float:left;width:700px;line-height:25px;font-size:14px;height:50px;overflow:hidden;color:#5b5a5a;padding:10px 0 0 0}
.divShare{float:left; display:block; width:400px; padding:0 0 30px 270px;}


/*----设计团队列表-------------*/
.part4 { overflow: hidden; width: 1240px; }




.aboutcc { overflow: hidden; width:1010px; margin:0 auto;  }
.productshow { overflow: hidden; }
.show { width: 310px; padding: 0 25px 26px 0; float: left; }
.show h1 { color: #666666; font: 14px/14px '微软雅黑'; text-align: center; padding-top: 15px; }
.showtitle { background: url(../images/bg2.jpg) no-repeat; width: 950px; height: 50px; color: #ffffff; font: 20px/50px '微软雅黑'; padding-bottom: 25px; padding-left: 30px; }
.introduce { overflow: hidden; padding-bottom: 30px; }
.introducel { float: left; }
.introducer { float: left; padding-left: 30px; }
.intrott { background: url(../images/pic10.jpg) no-repeat; width: 620px; height: 80px; }
.intrott h1 { color: #333333; font: 28px/80px '微软雅黑'; padding-left: 37px; text-align:left;}
.intrott h1 b { color: #333333; font: 16px/80px '微软雅黑'; padding-left: 19px; }
.introcc { width: 620px; color: #666666; font: 16px/36px '微软雅黑'; padding-top: 18px; text-align:left;}



/*----team-------------*/
.pro_txtimg{float:left;margin-bottom:20px;padding-left:30px; padding-top:20px;}
.pro_txtimg li{float:left;width:730px;padding:20px 0;border-bottom:1px dotted #666666}
.pro_li_img{float:left;width:191px}
.proimg,.proimg img{float:left}
.pro_txtimg .proimg{float:left;width:191px;height:255px}
.pro_li_txt{float:right;display:inline;width:510px;height:86px;color:#787878;line-height:36px;font-size:14px}
.procon{float:left;width:510px;line-height:28px;color:#676767;text/-indent:22px;height:140px;overflow:hidden;padding:10px 0 0 0}
.protitle{float:left;width:510px;line-height:24px;padding:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#3d3d3d;font-size:16px;font-weight:700}
table.hovertable {font-family: verdana,arial,sans-serif;font-size:11px;color:#333333;	border-width: 1px;border-color: #ddd;border-collapse: collapse;text-align:left;margin:3px auto 3px;}
table.hovertable th {background-color:#ddd;color:#333;border-width: 1px;padding: 8px;border-style: solid;border-color: #ddd;}
table.hovertable tr {background-color:#fff;}
/*table.hovertable tr:nth-child(2), table.hovertable tr:nth-child(4),table.hovertable tr:nth-child(6),table.hovertable tr:nth-child(8),table.hovertable tr:nth-child(10){background-color:#eee;}
table.hovertable tr:hover {background-color:#ddd;}*/
table.hovertable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #ddd;}



/*----在线下单------------*/
.messagecc { overflow: hidden; width: 980px; background-color: #dbdbdb; min-height: 440px; border:#ccc solid 1px;}
.message, message1 { float: left; }
.message { padding: 40px 0 0 34px; width:400px; }
.message1 { padding: 40px 0 0 0px; padding-left: 0px;  }
.message ul li { overflow: hidden; padding-bottom: 20px; }
.message ul li p { float: left; color: #666666; font: 14px/38px '微软雅黑'; }
.message ul li .dropdown { float: left; padding-left: 20px; }
.message ul li .dropdown1 { float: left; padding-left: 20px; }
.dropdown > select { width: 198px; height: 38px; border-top: 1px solid #acacac; border-left: 1px solid #acacac; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding-left: 10px; font: 14px/38px '微软雅黑'; }
.dropdown > input { width: 188px; height: 38px; border-top: 1px solid #acacac; border-left: 1px solid #acacac; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding-left: 10px; font: 14px/38px '微软雅黑'; }
.dropdown1 > input { width: 298px; height: 38px; border-top: 1px solid #acacac; border-left: 1px solid #acacac; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding-left: 10px; font: 14px/38px '微软雅黑'; }
.message1 ul li { overflow: hidden; padding-bottom: 20px; }
.message1 ul li p { float: left; color: #666666; font: 14px/38px '微软雅黑'; }
.message1 ul li .dropdown1 { float: left; padding-left: 20px; }
.message1 ul li .dropdown { float: left; padding-left: 20px; }
.message1 > .dropdown1 > input { width: 298px; height: 38px; border-top: 1px solid #acacac; border-left: 1px solid #acacac; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
.message1 ul li p { width: 98px; text-align: right; }
.dropdown > textarea { width: 398px; height: 150px; border-top: 1px solid #acacac; border-left: 1px solid #acacac; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding-left: 10px; padding-top: 10px; font: 14px/16px '微软雅黑'; }
.refurn { padding-top: 19px; width: 980px; text-align: center; }
.refurn1 { padding-top: 19px; width: 720px; text-align: center; padding-bottom: 50px; }
.ddl { width: 199px; border-top: 1px solid #acacac; border-left: 1px solid #acacac; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; overflow: hidden; position: relative; background-color: #fff; background: url(../images/button1.jpg) left no-repeat; }
.ddl2 { width: 398px; border-top: 1px solid #acacac; border-left: 1px solid #acacac; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; overflow: hidden; position: relative; background-color: #fff; background: url(../images/button2.jpg) left no-repeat; }
.dsel { width: 219px; height: 38px; padding-left: 10px; border: none; background-color: transparent; }
.dsel2 { width: 418px; height: 38px; padding-left: 10px; border: none; background-color: transparent; }