@charset "UTF-8";
/* CSS Document */

*{ padding:0; margin:0;color:#333; font-family: 'Open Sans', sans-serif; list-style:none; text-decoration:none;}
body{ font-size:13px; }
.clear:after{ content:"."; height:0; width:0; visibility: hidden; display:block;clear: both;}
a:hover{ color:#ff6000;}
img{ border:none;}
/*header start*/
.hd{ border-top: 2px solid #ff6000; margin-bottom:30px; }
.top{ border-bottom:1px solid #f0f0f0;padding:7px 0;}
.wp{ width:1115px; margin:0 auto;}
.date{ float:left; width:360px;}
.top-right{ float:right; width:310px;}
.top-right a{ padding:0 15px; border-right: 1px solid #ccc; display:block; float:left;}
.top-right a.cn{ padding:0 0 0 15px; border:none;}
.top a,.top p{ color:#969696; font-size:12px;}
a:hover{ color:#ff6000;}

.middle{ padding:20px 0;}
.logo{ float:left;}
.logo a{ text-indent:-9999px;overflow: hidden;display: block; width:200px; height:32px; background:url(../images/bg.png) left -14px no-repeat;}
.md-right{ float:right; width:437px; height:32px; line-height:32px;}
.md-right .sns{ width:185px; float:left;}
.md-right .sns li{ float:left; margin-right:15px;}
.md-right .sns li a{ display:block; width:31px; height:32px; }
.md-right .sns li.fb a{background:url(../images/bg.png) -211px -14px no-repeat;}
.md-right .sns li.tw a{background:url(../images/bg.png) -255px -14px no-repeat;}
.md-right .sns li.pt a{background:url(../images/bg.png) -300px -14px no-repeat;}
.md-right .sns li.gg a{background:url(../images/bg.png) -346px -14px no-repeat;}
.md-right .sns li.fb a:hover{background:url(../images/bg.png) -8px -148px no-repeat;}
.md-right .sns li.tw a:hover{background:url(../images/bg.png) -52px -148px no-repeat;}
.md-right .sns li.pt a:hover{background:url(../images/bg.png) -97px -148px no-repeat;}
.md-right .sns li.gg a:hover{background:url(../images/bg.png) -143px -148px no-repeat;}
.search { position:relative; width:250px; float:right;}
.search input.searchbox{ width:240px; height:30px; border:1px solid #e5e5e5; border-radius:4px; padding-left:10px; color:#969696; line-height:30px;}
.search input.submit{ border:none; background:url(../images/bg.png) -400px -20px no-repeat; width:20px; height:19px;cursor: pointer; position:absolute; top:6px; left:226px;}

.nav-bar{ height:44px; background:#efefef;}

.nav li{ float:left; height:44px; line-height:45px; margin-right:1px;}
.nav li a{ height:44px; padding:0 25px;padding:0 23px\9; font-size:15px; text-transform:uppercase; display:block; font-weight:600;}

.nav li a:hover,.nav li.current a{ background:#ff6000; color:#fff;}

/*content left start*/
h3{ font-size:17px; line-height:22px; margin-bottom:12px;}
h4{ font-size:22px; color:#ff6000; font-weight:normal; text-transform:uppercase; line-height:25px;}
h4 a{ font-size:22px; color:#ff6000; font-weight:normal; text-transform:uppercase; line-height:25px; display:block;transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;}
h4 a:hover{transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear; color:#666;}
.margin-bottom{ margin-bottom:12px;}
.left{ width:735px; float:left;}
.section-tag{ font-size:12px; text-transform:uppercase; font-style:italic; font-weight:600; margin-bottom:10px; display:block;}
.tag-summary{ float:left; width:259px;}
/* right side start*/
.section-title{ padding-top:15px; border-top:3px solid #ccc; margin:20px 0 15px 0;}
.right { float:right; width:350px;}
.right .right-ads{ height:250px; background:#efefef; text-align:center;padding:20px 0; margin-bottom:20px;}
.subscribe{ padding:10px 15px 15px 15px; border-top:3px solid #ccc; background:#efefef;}
.subscribe h4{ font-weight:600; font-size:18px; color:#ff6600; letter-spacing:0.7px; margin-bottom:15px;}
.sb input.sb-box{ width:210px; height:37px; border-top:1px solid #d4d4d4;border-left:1px solid #d4d4d4; margin-right:20px; font-size:14px;color:#ccc; padding-left:10px; line-height:37px; float:left;}
.sb input.submit{ width:71px; border-radius:4px; background:#ff6000; border:1px solid #ff6000; height:36px; font-size:14px; color:#fff; text-transform:uppercase;float:left;}
.right .img-list li,.comment li{ padding-top:19px; border-top:1px solid #e5e5e5; margin-bottom:20px;}
.right .img-list .list-left{ float:left; width:225px;}
.right .most-popular .img-list .list-left{ width:250px;}
.list-title{ font-size:14px; font-weight:bold; line-height:22px; display:block;}
.most-popular .list-title{height:83px; overflow: hidden;}
.right .img-list .right-img{ float:right;}
.img5{ width:105px; height:99px;}
.img7{ width:73px; height:63px;}
.right .tag-summary{ width:225px;}
/*.comment li h3{ font-size:14px;}*/
.most-popular .img-list p{ float:left; background:#ff6000; width:24px; height:24px; -moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px; text-align:center; line-height:24px; color:#fff; font-weight:bold; font-size:17px; margin-right:15px;}
.popular-number{ height:80px; float:left;}

/*picture gallery start*/
.picture{ float:left; width:455px; margin-right:20px;}
.pic-column2{ width:352px;}
.pic-column3{ width:268px; margin:0;}
.pic-title{ font-size:17px; font-weight:bold;  background: none repeat scroll 0 0 #efefef; display:block; padding:10px; color:#ff6000;}
.picture-gallery .pic-title:hover{ color:#333;}
.pic-column2 p{background: none repeat scroll 0 0 #efefef; padding:0 10px 10px 10px;}
.pic-title2{ font-size:14px; line-height:18px;}
.right-pic{ margin-bottom:15px;}
.right-bottom-pic{ width:124px; float:left;}
.right-bottom-pic1{ margin-right:19px;}

/*in case start*/
.in-case{background: none repeat scroll 0 0 #efefef; padding:20px 0; margin-top:20px;}
.in-case ul li{ float:left; width:169px; margin-right:20px;}
.in-case ul li.last{ margin:0;}
.in-case .list-title{ line-height:18px;}
.in-case .section-title{ border:none; padding:0; margin:0 0 20px 0; width:1115px; text-align:center;}
.in-case .section-tag{ color:#ff6000; font-weight:normal;}
/*bottom start*/
.bottom{background: none repeat scroll 0 0 #e5e5e5; padding:20px 0; }
.ads-wp{ width:1115px; text-align:center;}
.bottom-nav li{ float:left;}
.btm-nav{ border-top:1px solid #cecece; padding:0;}
.bottom .nav li a{ font-weight:normal; padding:0 20px;}
.nav li.first a{ padding-left:0;}
.bottom .nav li a:hover{ color:#ff6000; background:none;}
.footer{ height:44px; background:#ff6000; line-height:44px;}
.copy-right{ float:left; width:437px; margin-right:45px;}
.copy-right .logo{ width:126px; background:url(../images/bg.png) -108px -52px no-repeat; display:block; height:44px; margin-right:5px;}
.copy-right p,.about-us li a{ color:#fff;}
.about-us li a:hover{ color:#666;}
.about-us { float:left;}
.about-us li{ float:left; margin-right:20px;}
.link{ float:right; margin-top:8px;}
.link li{float:left; background:#fff; line-height:27px;height:28px;width:55px;}
.link a{ display:block;border:1px solid #fff; border-radius:4px;  text-align:center; font-size:14px; color:#ff6000;}
.link li.back-top{ margin-left:10px;}
.link li.back-top a{ background:url(../images/bg.png) -239px -58px no-repeat; padding-left:8px;}
/*homepage end*/
.breadcrumb{ padding:8px 0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; color:#999; margin-bottom:30px;}
.breadcrumb a{ font-size:13px; color:#999;}
.breadcrumb span{ font-size:17px; font-weight:bold; color:#ff6000; }
/*for article*/
.title-list li {
    background: url("../images/bg.png") no-repeat scroll -433px -19px rgba(0, 0, 0, 0);
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding: 0 0 15px 10px;
}
.title-list li a {
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
}