@charset "utf-8";
#mainbody{width:1200px;margin:0 auto}
#banner{width:1200px;height:350px;margin:0!important}
#banner .pic01{width:200px;float:left}
#banner .pic01 img{display:block;margin-bottom:2px}
#banner .pic02{float:right}
#banner .pic02 img{display:block}
#content1{width:1200px;height:290px}
#content1 .content_left{width:380px;height:300px;float:left}
.content_left dt{font-size:20px;border-bottom:1px solid #E9E9E9}
.content_left dt .map{padding-left:76px;color:#34B7DE;font-size:14px}
.content_left dd a{display:block;float:left;margin:8px 0;padding:0 15px;border-right:1px solid #333;font-size:14px}
#content1 .content_middle{width:380px;height:300px;float:left;margin-left:20px}
.content_middle dt{font-size:20px;border-bottom:1px solid #E9E9E9}
.content_middle dt span{display:inline-block;float:right;margin-right:20px}
.content_middle dd{line-height:240%;margin-left: 10px;}
.content_middle dd a{display:inline-block;line-height: 18px;text-overflow:ellipsis;font-size: 14px;}
#content1 .content_right{width:400px;height:300px;float:left;margin-left:20px}
.content_right dt{font-size:20px;}
.content_right dd.graph_tit{text-align:center;height:30px;line-height:30px;font-size:20px;font-weight:700;margin-top:15px;margin-bottom:15px}
/*主体content1右边结束*/

/*主体feature开始*/
#feature {width: 1200px; height: 560px; }
#feature .feature-nav {border-bottom: 1px solid #DFDFDF;}
#feature .feature-nav ul {list-style: none; float: left;height: 36px; line-height: 36px;}
#feature .feature-nav li {float: left; font-size: 18px;}
#feature .feature-nav li a{padding: 1px 15px 0 15px; }
#feature .feature-nav li a:link {color: #666;font-size: 18px;}
#feature .feature-nav li a:visited {color: #666;font-size: 18px;}
#feature .feature-nav li a:hover,#feature .feature-nav li a:active {color: #32CCFE; font-weight: bold;font-size: 18px;}
.featurea {font-weight: bold; color: #32CCFE;}
.feature-nav01 {float: left; width: 200px; font-size: 22px; height: 36px; line-height: 36px; }
.feature-pic {width:1200px; height:532px; margin-top: 5px;text-align: justify;}
.feature-pic01 {width:390px; height:249px;display:inline-block;position: relative;}
.justify_fix{display: inline-block;width: 100%;height: 0;overflow: hidden;}
.featured-image { position: absolute; width:390px; height:234px;top:0;left:0;transition: opacity .25s ease-in-out, background .25s ease-in-out; -moz-transition: opacity .25s ease-in-out, background .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out; z-index: 1; color: #fff; opacity: 0; cursor:help;}
.featured-image:hover {opacity: 0.8; color: #fff; background: rgba(0,0,0,0.3); }
.feature-pic01 img {width:390px;height:234px;}
.feature-pic02 {width:390px; height:234px; float:left; margin-bottom:8px;position: relative;}
.feature-pic03 {width:390px; height:234px; float:left; margin-right:8px;position: relative;}
.feature-pic04 {width:390px; height:234px; float:left;position: relative;}
/*主体feature结束*/

/*主体line开始*/
#line {width: 1200px; height: 535px; margin-top: 10px;}
.line-left {width: 792px; height: 500px; float: left;}
.line-nav {height: 36px; border-bottom: 1px solid #DFDFDF; margin-bottom: 15px;}
.line-nav01 {float: left; font-size: 22px; height: 36px; line-height: 36px; margin-right: 10px;}
.line-nav02 {float: left; color: #B1B1B1; margin-right: 40px; padding-top: 10px;}
.line-nav ul {list-style: none; float: left;}
.line-nav li {float: left; margin-right: 35px; padding-top: 10px;}
.line-nav03 {float: right; padding-top: 10px; margin-right: 20px;}
.line-text {width: 545px; height: 140px; float: left;}
.line-text01 {font-size: 21px; color: #27C4FF;}
.line-text p {margin-top: 8px; line-height: 150%;}
.line-register {width: 225px; height: 113px; float: right; border: 1px solid #27C4FF; border-radius: 1em; text-align: center;}
.line-register01 {float: left; width: 225px; height: 30px; line-height: 30px; font-size: 15px; text-align: center; margin-top: 12px;}
.line-size {font-size: 18px;}
.line-register table {border-collapse: collapse; margin:0 auto;}
.line-register02 {width: 140px; height: 26px; border:1px solid #BCBBB9;}
.line-register02 input {outline: 0; border: 0; width: 140px; height: 26px; color: #ddd; text-indent: 1em;}
.line-register03 button {width: 55px; height: 54px; font-size: 18px; color: #fff; background: #32CCFE;outline: 0; border: 0;}
.line-pic01 {width: 792px; height: 65px;}
.line-pic02 {float: left; width: 398px; height: 230px; margin-right: 13px;}
.line-brief {width: 380px; float: left;}
.line-brief p {font-size: 18px;}
.line-brief01 {font-size: 24px;  margin-right: 35px;}
.line-brief02 {font-size: 14px; height: 30px; line-height: 30px;}
.line-brief03 {font-size: 14px; margin-top: 65px; line-height: 200%;}

.line-right {width: 380px; height: 500px; float: right;}
.line-right01 {height: 36px; font-size: 22px; border-bottom: 1px solid #DFDFDF; margin-bottom: 15px;}
.line-right01 img {float: right; margin-top: 10px; margin-right: 10px;}
.line-right02 {font-size: 21px;}
.line-right p {line-height: 200%;}
.line-right li {line-height: 220%;}
.line-right li span {float: right;}
/*主体line结束*/

/*主体brand开始*/
#brand {width: 1200px; height: 590px; }
.brand-nav {border-bottom: 1px solid #DFDFDF;}
.brand-nav ul {list-style: none; height: 36px; line-height: 36px; }
.brand-nav li {float: left;font-size: 18px;}
.brand-nav li a{padding: 1px 15px 6px 15px;}
.brand-nav a:link,.brand-nav a:visited {color: #666;font-size: 18px;}
.brand-nav a:hover,.brand-nav a:active {color: #32CCFE; font-weight: bold;font-size: 18px;}
.branda {font-weight: bold; color: #32CCFE;}
.brand-nav01 {float: left; width: 100px; font-size: 22px; height: 36px; line-height: 36px; }
.brand-nav01 a{float: left; width: 100px; font-size: 22px; height: 36px; margin-bottom: 10px;line-height: 36px; color:#000}
.brand-nav01 a:visited,.brand-nav01 a:link{color:#3D3D3D}
.brand-nav02 {float: left; color: #B1B1B1; margin-right: 40px; padding-top: 10px;}
.brand-pic {width:1200px; height:532px; margin-top: 5px;}
.brand-pic00 {width:400; height:529px; float:left; margin-right:8px; position: relative;}
.brand00 {position: absolute; bottom: 15px; width: 390px; height: 33px; line-height: 33px; background-color: rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000); color: #fff; font-size: 17px; text-indent: 1em;z-index: 2;font-weight: 600\9;}
.brand00 span {text-indent: 1em;float: right; margin-right: 20px;}
.brand-pic01 {width:390; height:260px; float:left; margin-right:8px; margin-bottom:8px;position: relative;}
.brand-pic02 {width:390; height:260px; float:left; margin-bottom:8px;position: relative;}
.brand-pic03 {width:390; height:260px; float:left; margin-right:8px;position: relative;}
.brand-pic04 {width:390; height:260px; float:left; position: relative;}
/*主体brand结束*/

/*主体note开始*/
#note {height: 300px;}
.note-title01 {float: left; width: 1200px; font-size: 22px; height: 36px; line-height: 36px;}
.note-title02 {font-size: 14px; height: 36px; line-height: 36px; margin-left: 10px; color: #9E9E9E;}
.note-title01 img {float: right; margin-top: 15px; margin-right: 20px;}
.note-box {width: 1200px; height: 260px;}
.note-box li {float: left; width: 210px; height: 240px; border:1px solid #EBEBEB; padding:5px 15px;}
.note-box li:hover {padding:1px 11px; border:5px solid #EBEBEB;}

.note-box li p {margin-top: 10px; margin-bottom: 10px;}
.note-pic img{width: 211px; height: 160px;}
/*主体note结束*/


#roll {overflow: scroll; overflow-x:hidden; padding-right: 15px;width: 365px; height: 380px;}
.kaipan_date {width: 380px;height: 50px; line-height: 50px; background: #B2B2B2;overflow: hidden;}
.kaipan_date a {padding: 0 37px;}
.kaipan_date a:link, .kaipan-month a:visited {color: #fff;font-size: 18px;}
.kaipan_date a:hover, .kaipan-month a:active {color: #32CCFE; font-weight: bold;font-size: 18px;}
.selmonth {color: #32CCFE; font-weight: bold;font-size: 18px;}

.exampleList{ width:790px; margin:0px auto 0px; overflow: hidden;}
.kftList ul{ width:2395px;}
.kftList ul li{width:253px;float: left;margin-right:15px;display:inline;}
.kftList ul li a.kftboximg{display: block;width:270px;height:150px;position: relative;}
.kftpubimg {background: url(../images/kftpub.png) no-repeat;}

.kfttj,.tst{width: 67px;height: 68px;line-height: 68px;text-align: center;color: #ffffff;font-size: 16px;font-weight: bold;position: absolute;left: 0px;top:0px;}
.kfttj{background-position: 0px -17px;}
.tst{background-position: -125px -17px;}
.kft100{ background-position: 0px -87px; width: 80px; height: 43px; position: absolute;bottom:0px; right: 18px;}
a.kftboximg img{display: block;width: 253px;height:150px; }
.kftList ul li .kftmaininfor{border:1px solid #cccccc;border-top:0;padding:15px 10px 15px;height: 245px;}
.kftList ul li .kftmaininfor h3{color:#000000;font-size:15px;font-weight: bold;text-align: center; line-height:33px;}
.kftList ul li .kftmaininfor h4{color: #ff0000;font-size: 16px;text-align: center;margin: 6px 0px;width:228px;height:48px;}
.kftList ul li .kftmaininfor p{font-size: 14px;}
.kftList ul li .kftmaininfor .line01{color: #7a7a7a;line-height: 24px;height: 72px;overflow: hidden;}
.kftList ul li .kftmaininfor .line02{color: #7a7a7a;line-height: 24px;height: 24px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top: 2px;}
.kftList ul li .kftmaininfor .kftmainbtn{margin-top: 8px; overflow: hidden;}
.kftList ul li .kftmaininfor .kftmainbtn p{color: #0c0c0c;float: left;line-height: 32px;}
.kftList ul li .kftmaininfor .kftmainbtn p span{color: #ff0000;}
.kftList ul li .kftmaininfor .kftmainbtn a{color: #ffffff;display: block;width: 116px;height: 32px;line-height: 32px;text-align: center;background: #6ebdf0;float: right;border-radius: 4px;}
.kftList ul li .kftmaininfor .kftmainbtn a:hover{background: #009bff;}
.kftList ul li .kftmaininfor .kftmainbtn a.end{color: #333333;border:1px solid #cccccc;background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#F6F6F6), to(#dddddd));background-image:-moz-linear-gradient(0% 0% 270deg, #F6F6F6,#DDDDDD);background-color:#DDDDDD; }
.kftList ul li .kftmaininfor .kftmainbtn a.end:hover{background: #DDDDDD}
.kftList .prev,.kftList .next{display: block; position: absolute;top:218px; text-indent: -9999px; width:29px; height:82px; background: #f00; background: url("../images/indexPngIMG.png") no-repeat;}
.kftList .prev{ left:0px; background-position:-12px -376px;}
.kftList .next{ right:0px; background-position:-47px -376px;}
.kfjList{width:270px; margin-left: 20px; height:471px;}

.num{position:absolute;width:115px;float:right;bottom:10px;right:10px}
.num li{text-align:center;line-height:20px;list-style-type:none;margin:1px;width:20px;font-family:arial;background:url(../images/flashbutton.png) no-repeat -20px 0;float:left;height:20px;color:#86a2b8;font-size:12px;cursor:pointer}
.num li.on{line-height:20px;width:20px;background:url(../images/flashbutton.png) no-repeat;height:20px;color:#fff;font-weight:700}
.container1{width:1000px;height:338px;float:right;display:inline}
.demo-container{box-sizing:border-box;width:400px;height:222px;border:1px solid #ddd;}
.demo-placeholder{height: 210px;font-size:14px;margin-top: 10px;}

.select {background: #2E6AB1;}
.onclick {font-weight: bold;}

.index_ad{width: 1200px;margin-bottom: 10px;}
.index_ad img{width:1200px;height:auto;}

.ipt {border: solid 1px #d2d2d2; border-left-color: #ccc; border-top-color: #ccc; border-radius: 2px; box-shadow: inset 0 1px 0 #f8f8f8; background-color: #fff; padding: 4px 6px; height: 21px; line-height: 21px; color: #555; width: 180px; vertical-align: baseline; } .ipt-mini {width: 140px; padding: 1px 3px; } .ipt:focus {border-color: #95C8F1; box-shadow: 0 0 4px #95C8F1; } /* btn */ .btn {position: relative; cursor: pointer; display: inline-block; vertical-align: middle; font-size: 12px; font-weight: bold; height: 27px; line-height: 27px; min-width: 52px; padding: 0 12px; text-align: center; text-decoration: none; border-radius: 2px; border: 1px solid #ddd; color: #666; background-color: #f5f5f5; background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1); background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1); background: linear-gradient(top, #F5F5F5, #F1F1F1); } input.btn {height: 29px; } .btn:hover {border-color:#c6c6c6; color:#333; background-color:#f8f8f8; background:-webkit-linear-gradient(top, #f8f8f8, #f1f1f1); background:-moz-linear-gradient(top, #f8f8f8, #f1f1f1); background:linear-gradient(top, #f8f8f8, #f1f1f1); box-shadow:#ddd 0 1px 1px 0; } .btn:active, .btn.btn-active {box-shadow:#ddd 0 1px 2px 0 inset; border-color:#c6c6c6; } .btn:focus {border-color:#4d90fe; outline:none } .btn-primary {border-color: #3079ED; color: #F3F7FC; background-color: #4D90FE; background: -webkit-linear-gradient(top, #4D90FE, #4787ED); background: -moz-linear-gradient(top, #4D90FE, #4787ED); background: linear-gradient(top, #4D90FE, #4787ED); } .btn-primary:hover {border-color:#2F5BB7; color:#fff; background-color: #4D90FE; background: -webkit-linear-gradient(top, #4D90FE, #357AE8); background: -moz-linear-gradient(top, #4D90FE, #357AE8); background: linear-gradient(top, #4D90FE, #357AE8); } .btn-primary:active, .btn-primary.btn-active {box-shadow:#2176D3 0 1px 2px 0 inset; border-color: #3079ED; } .btn-primary:focus {border-color:#4d90fe; outline:none } /* 代码整理：懒人之家 www.lanrenzhijia.com */ .theme-buy {margin-top:10%; text-align: center; } .theme-gobuy, .theme-signin {font-size: 15px; } .theme-price {position: relative; bottom: -6px; font-family: microsoft yahei, Arial, Helvetica, sans-serif; margin-right: 20px; font-weight: bold; color: #f60; line-height: 32px; font-size: 24px; display: inline-block; } .theme-price dfn {font-style: normal; font-size: 18px; margin-right: 2px; } .theme-desc {padding: 30px; } .theme-version {padding: 30px; }
 .theme-popover-mask {z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40); display:none }
.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:500px;height:300px;margin-left: -250px;margin-top: -250px;border-radius:5px;border:solid 2px #32CCFE;background-color:#fff;display:none;box-shadow:0 0 10px #666}
   .theme-poptit {border-bottom:1px solid #ddd; padding:12px; position: relative; } .theme-popbod {padding:80px 15px; color:#444; height: 148px; } .theme-popbom {padding:15px; background-color:#f6f6f6; border-top:1px solid #ddd; border-radius:0 0 5px 5px; color:#666 } .theme-popbom a {margin-left:8px } .theme-poptit .close {float:right; color:#999; padding:5px; margin:-2px -5px -5px; font:bold 14px/14px simsun; text-shadow:0 1px 0 #ddd } .theme-poptit .close:hover {color:#444; } .btn.theme-reg {position: absolute; top: 8px; left: 43%; display: none } .theme-signin li label.error {margin-left: 5px; color: red; font-size: 14px; } .inp-gray, .feed-mail-inp {border:1px solid #ccc; background-color:#fdfdfd; width:220px; height:16px; padding:4px; color:#444; margin-right:6px } .dform {text-align: center; } .dform .ipt_error {background-color:#FFFFCC; border-color:#FFCC66 } .dform-tip {display:none; background-color:#080; color:#fff; line-height:42px; margin-top:10px; display:; font-size: 14px; } .dform-tip-errer {background-color: #CF301A; } .dform-tip a {display: inline-block; padding: 0 20px; margin-left:10px; background-color: #FFE924; color: #CF301A; } .dform-login {padding:0; height: 270px; overflow: hidden; } .dform-login iframe {height: 470px; margin-top: -180px; } .theme-signin {margin-top: -50px; text-align:left; font-size: 14px; } .theme-signin h4 {color:#999; font-weight:100; margin:0 auto; font-size: 12px; } .theme-signin li {padding-left: 145px; margin-bottom: 15px; } .yourmobile {margin-left: 30px;} .theme-signin li strong {float: left; margin-left: -80px; width: 80px; text-align: right; line-height: 32px; } .tongku01 {margin-left: 50px;} .tongku02 {margin-left: -80px;} .theme-signin .btn {margin:0 auto; } .theme-signin p {font-size: 12px; color: #999; } .theme-desc, .theme-version {padding-top: 0 } /*弹窗*/ .imgbox img{ width:435px; height:165px} .career_name{color:#ff6400; font-size:16px; font-weight:bold;} .field{line-height:32px; margin-top:10px; color:#333;} .field label{width:80px;} .field input[type="text"]{border:1px solid #d5d5d5; height:30px; line-height:30px; margin-right:10px; padding-left:3px; width:200px;} .field select{border:1px solid #d5d5d5; height:30px; line-height:30px; margin-right:10px; padding:0 1px;} .field textarea{width:355px; height:125px; border:1px solid #ccc; padding:3px;} .field a{font-size:12px;} .field_1 {margin-top:0px;} .tcbtn{background:url(../images/tcbtn.jpg) no-repeat scroll 0 0 transparent; width:75px; height:30px; line-height:30px; border:0 none; text-align:center; cursor:pointer; color:#fff;font-size:14px; font-weight:bold; margin:0 40px;} #TB_ajaxContent p{color:#666; line-height:24px;} .tc{text-align:center}