/* FULLWIDTH OF BOXED VERSIONS SETTINGS*/
 .container {
    margin: 0 auto;
    width:1200px; /*Change to any value and the whole template will adjust to it :) */
    position: relative;
    
}
#container{   
    width: 100%;/* if you want  boxed version change the value to the value of .container (940px by default) + some value (for example 80px more, they represent margins on the left and right) so it would be 1020px*/
    margin:0px auto;
    height: auto;
}

#wrapp{width: 100%; background: #fff; }

/*--------------------------------------------------------------------------------------*/
/*                     1 - RESET CSS                                                    */
/*-------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select { background:none; border: 0;  margin: 0; padding: 0; font-family:微软雅黑;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
abbr[title], dfn[title] {  cursor: help; }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: none }
del { text-decoration: line-through }
hr { background: transparent; border: 0; clear: both; color: transparent; height: 1px; margin: 0; padding: 0; }
mark { background-color: #ffffb3; font-style: italic; }
input, select { vertical-align: middle }
ins { background-color: red; color: white; text-decoration: none; }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
* html .clearfix, :first-child+html .clearfix { zoom: 1 }
/*--------------------------------------------------------------------------------------*/
/*                     2 - GENERAL CSS FOR STYLING                                      */
/*-------------------------------------------------------------------------------------*/

body {
    background: #FFF url("../images/background-patterns/body-bg-1.jpg") repeat;
    color: #282828;
    font-family: 'Roboto', Arial, Verdana;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-size:12px;
    line-height:21px;
}
html, body {height:100%;}
body.empty{ margin-top: 50px;}
p{margin-bottom: 10px;}
code,
pre {
    display: block;
    clear: both;
    overflow: auto;
    padding: 10px;
    text-align: left;
    white-space: pre;
    line-height: 18px;
    margin: 20px 0;
    background-color: #ebebeb;
}
/*
img {
    max-width: 100%;
    height: auto;
}
*/
a, a > * {
    text-decoration: none;
    color:#aab2bd;
	font-family:微软雅黑;
    
}
a:hover{
   text-decoration: none;
}

blockquote{border-left:3px solid #e8e8e8;padding-left:20px;color:#afafaf;line-height:20px;margin:20px 0 20px 15px}


.rmss_top1{background: #b39362; height:70px; position:relative; top:-30px;}
.guanjianci{width:780px; height:70px; line-height:70px; padding-left:30px; float:left; font-size:14px; color:#fff}
.guanjianci a{font-size:14px; color:#fff; padding:0px 10px;}

.dinggourexian{width:300px;height: 60px;float:right;text-align:right;margin-right:0px;color: #ccac79;letter-spacing:2.3px;font-family: "Adobe 仿宋 Std R";clear: both;font-size: 19px;padding-left: 0px;font-weight: bold;line-height: 40px;}
.search{float:left; width:300px; height:40px; margin:18px 0px 0px 0px; }
.search span{color:#fff; padding-left:18px; line-height:60px;}
.search input {width: 250px; font-size: 12px; color: #888; background:#000; border: 1px solid #e9e9e9!important;}
.search-btn {
    float: right;
    position: relative;
    padding: 0;
    top: 0;
    right: 0px;
    margin: 0px 0 0 -40px;
    background: #b39362 url(../images/rmss.jpg) center center no-repeat;
    width: 84px;
    height: 35px;
    cursor: pointer;
    border: none;
    z-index: 100;
    box-shadow: none;
    border-radius: 0px 4px 4px 0px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.search-btn:hover { background-color: #000 }
input.search-field {
    float: right;
    position: relative;
    width:216px;
}



/*###4kuaicp###*/
.kuaicp{width:1200px; margin:0px auto}
.kuaicp li{width:282px;height:252px; float:left; padding:9px 9px; overflow:hidden}
.kuaicp li div img{width:282px; height:207px; float:left; position:absolute; cursor:pointer;}
.kuaicp li div{width:282px; height:207px;position:relative; overflow:hidden}
.kuaicp li a .kyangshi{width:282px; height:45px; line-height:45px; font-size:18px;  background:#ff9e20 url(../images/4kt.png) no-repeat 245px 12px; color:#fff; text-indent:16px;display:block; overflow:hidden}
.kuaicp li a:hover{font-weight:bold; display:block}





/*#### kuaifl_1 ####*/
.kuaifl_1{width:600px; height:630px; float:left; background:url(../images/kuaifl_1.png) no-repeat}
.hover_ys a{width:100%; height:100%; display:block}
.hover_ys a .yangshi{position:relative; display:none}
.hover_ys a:hover .yangshi{display:block;width:100%; height:100%; }
.hover_ys a .yangshi .ys_beijing{position:absolute; top:0; left:0; width:100%;height:100%; z-index:1; background:#ff9e20; filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8;   opacity: 0.8;  }
.kuaifl_1 .ys_zhong{ position:relative;width:280px; height:90px; padding:270px 160px; font-size:20px; color:#fff; overflow:hidden; z-index:999}

.hover_ys .ys_zhong b{line-height:50px;}
.hover_ys .ys_zhong span { font-family:Arial; font-weight:100}

.kuaifl_2_topl .ys_zhong{position:relative; width:240px; height:90px; padding:90px 30px; font-size:20px; color:#fff; overflow:hidden;z-index:999}
.kuaifl_2_topr .ys_zhong{position:relative;width:240px; height:90px; padding:90px 30px; font-size:20px; color:#fff; overflow:hidden;z-index:999}
.kuaifl_2_bottom .ys_zhong{position:relative; width:240px; height:90px; padding:118px 180px; font-size:20px; color:#fff; overflow:hidden;z-index:999}

.kuaifl_2{width:600px; height:630px; float:left}
.kuaifl_2 .kuaifl_2_top{wdith:600px; height:290px;}
.kuaifl_2 .kuaifl_2_bottom{wdith:600px; height:340px;background:url(../images/kuaifl_2_bottom.png) no-repeat}
.kuaifl_2_topl{width:300px; height:290px; float:left; background:url(../images/kuaifl_2_topl.png) no-repeat}
.kuaifl_2_topr{width:300px; height:290px; float:left; background:url(../images/kuaifl_2_top2.png) no-repeat}


/*### xi_xian ###*/
.xi_xian{width:468px; height:1px; float:left; background:url(../images/xi_xian.jpg) no-repeat; margin-top:20px;}
.xi_wen{width:262px; height:80px; float:left; text-align:center; font-weight:bold; font-size:30px; color:#485359; }
.xi_wen span{font-family:Arial; font-weight:100; color:#b0b0b0; text-transform:uppercase; font-size:20px; line-height:45px;}



/*### 首页新闻 ###*/
.news_list{}
.news_list li:hover span,.news_list li:hover span em{background:#ff9e20; color:#fff}
.news_list li:hover div,.news_list li:hover div a{background: #ae9867; color:#fff}
.news_list li:hover div:nth-child(1){background-color: black;color:white}
.news_list li:hover div:nth-child(2){background-color: black;color:white}
.news_list li:hover a:nth-child(1){background-color: #AE9867;color:white}
.news_list li{width:600px; float:left;;overflow: hidden; padding: 0px 0;}
.news_list li .date{width:92px; height:72px;background: #e4e4e4;color: #485359;display: inline-block; float: left;font-family: verdana;text-align: center;font-size: 30px;font-family:Arial; font-weight:bold; padding-top:20px;}
.news_list li .date em{display: block;font-style: normal;font-size: 20px; float:right; font-family: arial; background: #e4e4e4; padding: 8px 15px;color: #485359;margin-top: 5px;}
.news_list li div{ margin:0px auto;color: #999;font-size: 26px;line-height: 40px; overflow:hidden}
.news_list li div  a {display: block;font-size: 14px; color: #333; font-weight:bold; padding-top:0px; line-height:25px;color: #595959
}

.newslist1 a:first-child{font-size: 16px;height: 30px;display: block;float: left;line-height: 35px;width:610px;padding-left: 10px;color: #485359
}
.newslist1 a:nth-child(2){padding-top: 20px;font-size: 13px;height: 55px;display: block;float: left;line-height: 30px;padding-left: 20px;}

.zzxunjia{text-align:center; margin:0px auto; font-weight:bold; font-size:20px; line-height:30px; color:#fff; padding-top:20px; background:url(../images/zzxunjia.jpg) no-repeat center bottom; padding-bottom:15px;}
.zzxunjia span{ text-transform:uppercase; font-weight:100}


/*### post_form_ym ###*/
.post_form_ym{width:1198px; height:80px; margin:0px auto; margin-bottom:30px; line-height:70px; border:1px solid #c9c9c9; overflow:hidden}
.post_form_ym .goumai_tit{width:150px; float:left; font-size:16px; padding-left:30px; font-weight:bold}
.post_form_ym .goumai_tit i{color:#ff4f03; font-size:35px; font-weight:bold}

.post_form_ym .goumai_txt{width:975px; height:80px; float:left;}
.post_form_ym .goumai_txt li{width:325px; height:80px; float:left;  }
.post_form_ym .goumai_txt .left{width:80px; height:34px;  float:left; line-height:34px; margin-top:20px; background:#ff4f00; border-radius:10px; color:#fff; text-align:center; font-size:18px; font-weight:bold; overflow:hidden}
.post_form_ym .goumai_txt .right{ width:235px; height:54px; float:left; line-height:24px; padding-left:10px; font-size:16px; padding-top:15px; overflow:hidden}
.post_form_ym .goumai_txt .right b{font-size:18px;}



.tijiaoxinxi{width:600px; height:100px; margin:0px auto; background:url(../images/duihao.jpg) no-repeat left; font-size:20px; font-weight:bold; padding-left:130px; padding-top:30px; line-height:35px;}





 /*--------------------------------------------------------------------------------------*/
/*### 开始  ###*/
.qingchu{width:100%; height:1px; margin:0px auto; overflow:hidden;}











/*######  side ######*/

.side{width:240px; float:left;}
.side_tit{width:100%; height:50px; background:#e7ca05; float:left; border-radius:25px; text-align:center; font-size:16px; color:#000; overflow:hidden}
.side_tit h5{padding-top:15px; font-size:18px;font-weight:100;  }
.side_tit span{color:#000; font-size:15px; font-family:Arial; font-weight:100; text-transform:uppercase;}
.side_txt{width:240px; float:left;  padding-bottom:30px; padding-top:18px;}
.liebiao{ width:100%; padding-top:20px; margin:0px auto;}
.liebiao li{width:32.5%;height:40px; float:left; display:block; text-align:center; line-height:40px;}
.liebiao li a{height:40px; display:block; font-size:14px; color:#fff;}
.liebiao li a:hover{height:40px;color:#fff600; display:block}






.liebiao .erjifl{padding-left:15px; width:216px;}
.liebiao .erjifl li{height:30px; display:block; line-height:30px; text-indent:28px;}
.liebiao .erjifl li a{height:30px; display:block; font-size:14px; color:#fff; background:url(../images/new.png) no-repeat 10px;}
.liebiao .erjifl li a:hover{height:30px;color: #b39362; background:url(../images/new2.png) no-repeat 10px;display:block}




.liebiao1{ width:100%; padding-top:0px; margin:0px auto;}
.liebiao1 li{width:96%; font-size:14px; height:40px; line-height:21px; background:url(../images/side1.png) no-repeat 8px 5px; border-bottom:1px solid #528cbb; margin:0px auto; margin-top:12px;display:block; text-align:left; text-indent:25px;}
.liebiao1 li a{height:40px; display:block; font-size:14px; color:#fff; }
.liebiao1 li a:hover{height:40px;color:#e7ca05; display:block}
.liebiao1 a:hover{background:url(../images/side12.png) no-repeat 8px 5px;}

.liebiao1 .sanji{overflow:hidden; width:100%; }
.liebiao1 .sanji li{width:90%;height:38px;  display:block; text-align:left; background:url(../images/000.png) no-repeat 15px 12px; border-bottom:1px solid #528cbb; margin:0px auto; line-height:38px;text-indent:30px;}
.liebiao1 .sanji li a{height:38px; display:block; font-size:14px; color:#fff;}
.liebiao1 .sanji li:hover, .liebiao1 .sanji li a:hover{height:38px;color:#fff600; display:block;background:none;}






.x_new{width:90%;margin:0px auto; line-height:40px; font-size:14px; overflow:hidden}
.x_new li{width:100%; float:left; text-indent:20px;  border-bottom:1px solid #7fbc23; display:block}
.x_new li a{width:100%; color:#fff; display:block}
.x_new li a:hover{width:100%; color:#fff600; display:block}

/*######  main  ######*/

.main{width:1200px; height:auto; float:left;  padding-left:26px; overflow:hidden}
.main_tit{width:934px; height:50px; font-size:18px; color:#000; line-height:46px; }
.main_tit h5{width:120px;background:#e7ca05; float:left; border-radius:25px; text-align:center; font-weight:100}
.main_tit div{width:765px; height:1px; background:#4a83b3; float:left; margin-top:23px;}
.main_tit .rmgjc_title{float:right; width:48px; height:17px; line-height:10px;}
.main_tit .rmgjc_title a{color:#fff; font-size:14px;}
.main_txt{width:934px; height:auto; padding-top:20px;  overflow:hidden}
.main_txt .main_gdtp{height:730px;width:928px; padding-left:4px; overflow:hidden}
.main_txt .main_gdtp .guntu_top{width:231px; float:left; padding-bottom:12px; overflow:hidden}
.main_txt .main_gdtp .guntu_top ul{padding:0px; margin:0px auto; text-align:center; list-style-type: none;}
.main_txt .main_gdtp .guntu_top ul .li1{width: 220px; height: 150px; overflow: hidden; text-align: center;}
.main_txt .main_gdtp .guntu_top ul .li1 img{width: 220px; height: 150px;}
.main_txt .main_gdtp .guntu_top ul .li1:hover{background:#000 url(../images/fangdajing.png) no-repeat;}
.main_txt .main_gdtp .guntu_top ul .li2{width:220px; height:34px; background:url(../images/btjt.png) no-repeat left;text-align:left; text-indent:30px; line-height:34px; overflow:hidden;}










.qingchu2{height:60px; margin:0px auto; padding:0px; overflow:hidden}

/*### 成功案例 ###*/
.ccal_deom{overflow:hidden;height:auto;width:1200px;  text-align:center}

/*###  news  ###*/
.news{width:31.5%; float:left; padding-bottom:7px; overflow:hidden}
.news .news_tit, .news .news_txt{width:94%; margin:0px auto; }
.news .news_tit{color:#302a2a; font-size:20px; padding:20px 0px; font-weight:bold;}
.news .news_tit span{font-size:14px; color:#9d9d9d; font-family:Arial; text-transform:uppercase;}

.news .news_txt .news_xw{width:100%; padding-top:10px; }
.news_xw li{width:48%; height:auto; float:left; padding:1% 1%}
.news_xw li div{color:#353535; font-size:12px;}
.news_xw li div span{line-height:30px;}
.news_xw li div p a{color:#e84341; font-size:16px;}
.news_xw li div p{padding-bottom:6px;}
.news_xw li div p span{ float:right; color:#a7a6a6}

.news .news_txt{padding-bottom:20px; overflow:hidden}

.news_kg{margin:0 2%; overflow:hidden}

.news_jszc{padding-bottom:18px; overflow:hidden}
.news_jszc li{width:100%; height:auto; float:left; line-height:33px; background:url(../images/new.png) no-repeat 5px 15px; border-bottom:1px dashed #dbdbdb; text-indent:15px;}
.news_jszc li a{color:#595959; font-size:14px;}
.news_jszc li span{float:right;}

.post-intro p,.danyemian p{ line-height:33px !important; font-size:14px;}
.post-intro table,.post-intro table tr,.post-intro table tr td{border:1px solid #d4d4d4 !important}





/* 最新样式 */

.chanpin_zong{background:#ff9e20; line-height:50px; color:#fff; font-size:16px; text-indent:25px; font-weight:bold; overflow:hidden}
.chanpin_zong a{font-size:12px; color:#fff; float:right; padding-right:20px;}

.ad-thumbs{width:910px;margin-left: 0px;height: auto;}
.ad-thumbs li{list-style: none;float: left;margin-left: 5px;background-color: white;width:auto;overflow: hidden;}
.list1_1 a img{width:212px;height: 260px;overflow: hidden;transition: all 0.3s ease-in-out}
.list1_1 a img:hover{transform: scale(1.1);cursor: pointer}

.product_tu{}
.product_tu li{width:362px;  display:block; margin:18px; float:left;}
.product_tu li a{width:360px;  display:block; background:#f0f0f0; border:none; text-align:center; line-height:45px; color:#4f4f4f; font-size:15px; }
.product_tu li:hover{width:362px;  display:block; text-align:center; line-height:40px; color:#fff; font-size:16px; font-weight:bold;}


.product_tu .shuxingzhi{width:362px; overflow:hidden}
.product_tu .shuxingzhi p{line-height:25px; text-align:left; text-indent:30px;}
.product_tu li a .biaoti{color:#4f4f4f; background:url(../images/btjt.png) no-repeat 0px 12px; text-align:left; text-indent:28px;}

product_tu div .tupian img{position:absolute; left:0; top:0; cursor:pointer}



.demo1_index{ width: 360px; height: 340px; overflow:hidden; display:block;}
.demo1_ckxq_index{ position:absolute; width: 360px; height: 240px;  background: #000 url(../images/fangdajing.png) no-repeat 142px 85px;overflow:hidden;  text-align:center;  filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;z-index:100; color:#FFF; font-size:12px; display:none;} 
.demo1_index:hover .demo1_ckxq_index{ display:block; } 

.product_tu .liangkuai_cp{background:#f0f0f0; width:360px; height:60px; float:left}
.product_tu .liangkuai_cp a{color:#e84341; float:left; width:140px; height:40px; line-height:40px; border:1px solid #d8d6d5; margin:8px 18px;}

.left_ny_main{width:590px; float:left;}
.right_ny_main{width:600px; float:left; padding-left:10px;}


h4.title{width:100%; height:80px; background:#f3f3f3; line-height:80px; font-size:22px; color:#444444; text-indent:30px; font-weight:100}
.right_ny_main .miaoshu{font-size:14px; color:#7e7e7e; width:90%; margin:0px auto; line-height:30px; padding:15px 0px;}
.right_ny_main .canshusan{color:#444444; font-size:16px; line-height:33px;width:90%; margin:20px auto;}
.right_ny_main .dinggou {width:90%; margin:20px auto; line-height:55px; padding-top:25px;}
.right_ny_main .dinggou a{width:200px; height:55px; float:left; background: #b39362; color:#fff; text-align:center; font-size:20px;}
.right_ny_main .dinggou span{color:#f30a0a; font-size:21px; padding-left:30px;}
ul.post-meta {overflow: hidden;float: left;margin-bottom: 10px; width: 100%; border-bottom:1px solid #eeeeee}
ul.post-meta li { padding: 5px 0;margin: 0 0px 5px 5px;display: inline-block;color: #a5a5a5;}
ul.post-meta li:first-child { margin-left: 0px }
ul.post-meta li i {margin-right: 5px;color: #a5a5a5;}
ul.post-meta li a {color: #a5a5a5; font-weight: 400;}
ul.post-meta li a:hover { text-decoration: none }


#cemian_fudong{width:100px; position:fixed; top:350px; text-align:center; left:1px; display:none; }
#cemian_fudong li,#cemian_fudong li a{width:100px; font-size:14px; font-weight:bold; height:32px; line-height:32px; float:left; text-align:center; display:block; background:#ff9e20; border-bottom:1px solid #ff7920; color:#fff;}
#cemian_fudong li a:hover{ display:block;  background:#ff7920}
.xgcp{width:223px; text-align:center; border-bottom:1px solid #eeeeee;  }
.xgcp:after{ background:#fff; font-size:22px; color:#303030; padding:12px 20px;position:relative; top:10px;}
.xgcp_nm:after{ content:"相关内容"}


/*.xgcp{width:100%; text-align:center; border-bottom:1px solid #eeeeee;  }*/
/*.xgcp:after{ background:#fff; font-size:22px; color:#303030; padding:12px 20px;position:relative; top:10px;}*/
/*.xgcp_nm:after{ content:"相关内容"}*/


.cpny_sikuai{width:1200px; height:40px; background:#dddddd; border-bottom:1px solid #ff9e20}
.cpny_sikuai li{width:175px; height:40px; float:left; padding:0px 1px}
.cpny_sikuai li a{width:175px; height:40px; float:left; background:#9e9e9e; border:0px 1px #fff; text-align:center; line-height:40px; color:#fff; display:block}
.cpny_sikuai li:hover,.cpny_sikuai li a:hover{background:#232323; display:block}


.foot_left{width:735px; height:196px; float:left; padding:0px; margin:0px; background:url(../images/foot_left.jpg) no-repeat; overflow:hidden}
.foot_right{wdith:470px; height:180px; float:left; padding-top:12px;  overflow:hidden}

.db_lianxi{width:330px; float:left; padding-right:20px;}
.db_lianxi li{width:330px; height:44px; float:left; margin:6px 0px; color:#373737; text-indent:60px; font-size:16px; line-height:44px;}
.db_lianxi li.li1{ background:#f0f0f0 url(../images/li1.jpg) no-repeat}
.db_lianxi li.li2{ background:#f0f0f0 url(../images/li2.jpg) no-repeat}
.db_lianxi li.li3{ background:#f0f0f0 url(../images/li3.jpg) no-repeat}



.foot_menu{padding-left:50px;}
.foot_menu li{width:165px;float:left; font-size:15px; margin:0px 3px; }
.foot_menu li a{border-bottom:1px solid #5b5b5b; color:#0e0e0e; padding-bottom:10px; line-height:65px;}
.foot_menu li a:hover{color:#ff7920}
.foot_menu li ul li a{font-size:12px; border:none; line-height:30px; color:#7d7d7d}
.foot_menu li ul li a:hover{color:#000}

/*###################  底部导航dbdh  ###################*/
.dbdh{ float:left;  }
.dbdh li{ float:left; padding:0px 5px;  font-size:16px;}
.dbdh li a{color:#000;}


.yqlj_tit{background:url(../images/yqlj.jpg) no-repeat; font-size:18px; text-indent:30px; float:left}

#dqfz li,#dqfz li a{width:auto; float:left; color:#fff; line-height:40px;}
#dqfz li.shu{float:left; padding:0px 8px; color:#fff}




/*footer底部*/
#copyrights {width: 100%; background: #181818; color: #1f1f1f; text-align:center; line-height:30px; padding:0px 0px; margin:0px auto;font-size: 14px;}







.anli_tu{}
.anli_tu li{width:210px; height:240px; display:block; margin:10px; float:left;}
.anli_tu li a{width:210px; height:240px; display:block; background:#58524e; text-align:center; line-height:45px; color:#fff; font-size:16px;}
.anli_tu li a:hover{width:210px; height:240px; display:block; background:#d7bc08 ; text-align:center; color:#fff; }


.tab{ width:100%; margin:0px auto;padding-top:10px;}
.tab .left{ float: left; width: 100%; height:60px; }
.tab .left .pro{ float: left; overflow: hidden; width: 100%; height: auto;}
.tab .left .pro UL{ padding: 0px; width: auto;height: 60px; list-style-type: none;  padding-left:29.5%;}
.tab .left .pro UL LI{ font-size: 16px; float: left; margin-bottom: 5px; width: 135px; cursor: pointer; color: #fff; line-height: 40px; height: 40px; text-align: center; margin:0px 15px; background:#47474c; border-radius:20px;}
.tab .left .pro UL LI.hover{ cursor: pointer; color: #fff; background:#0066a4;}
.tab .right{display: inline; background: url(../images/right4.jpg) no-repeat left top; float: left; width: 100%; padding-left:0.5%; padding-top: 16px; height:auto;}










/*######  ny_side ######*/




.ny_side{width:240px; float:left;}
.ny_side_tit{width:100%; height:65px; background:#025798; border:5px solid #025798; border-bottom:8px solid #066ab7; border-radius:8px 8px 0px 0px; float:left; }
.ny_side_tit h5{color:#fff; font-size:18px; text-indent:25px; padding-top:22px; font-family:微软雅黑; font-weight:100; text-transform:uppercase;}
.ny_side_tit h5 span{color:#fff; font-size:14px; text-indent:22px; text-transform:uppercase; font-family:Arial; font-weight:100}
.ny_side_txt{width:240px; float:left; background:#025798; padding-bottom:40px;border:5px solid #025798;}
.fenlei{ width:100%; padding-top:30px; margin:0px auto;}
.fenlei li{width:32.5%;height:40px; float:left; display:block; text-align:center; line-height:40px;}
.fenlei li a{height:40px; display:block; font-size:14px; color:#fff;}
.fenlei li a:hover{height:40px;color:#fff600; display:block}
/*######  ny_main  ######*/

.ny_main{width:1200px; height:auto; float:left; padding-top:20px;  padding-left:26px; overflow:hidden}
.ny_main_tit{width:910px; height:50px;  font-size:14px; color: #ffffff; line-height:50px; background-color: #b39362
}
.ny_main_tit a{color:white}
.ny_main_tit a:hover{color:black}
.ny_main_tit div{width:60px; height:30px; background: #b39362; float:right; font-size:12px; line-height:30px; color:#025798; overflow:hidden; text-align:center; }
.ny_main_tit div a{font-size:12px; color:#fff; }
.ny_main_tit div .fanhui{color:#fff; font-weight:bold;background-color: #b39362;height: 50px;line-height: 50px;
}
.colorWhite{color:white}
.fanhuidiv{margin-top: 0px;background-color: #B39362}

.ny_main_txt{width:925px; height:auto; padding-top:20px; line-height:30px;}
.item-wrapp .portfolio-item img{width: 220px;height: 196px;}

.ny_biaoti,.ny_neirong{ width:100%; margin:0px auto; overflow:hidden}




ul.post-meta {overflow: hidden;float: left;margin-bottom: 10px; width: 100%; border-bottom:1px solid #eeeeee}
ul.post-meta li { padding: 5px 0;margin: 0 0px 5px 5px;display: inline-block;color: #a5a5a5;}
ul.post-meta li:first-child { margin-left: 0px }
ul.post-meta li i {margin-right: 5px;color: #a5a5a5;}
ul.post-meta li a {color: #a5a5a5; font-weight: 400;}
ul.post-meta li a:hover { text-decoration: none }



.xgcp{width:100%; text-align:center; border-bottom:1px solid #eeeeee;  }
.xgcp:after{ background:#fff; font-size:22px; color:#303030; padding:12px 20px;position:relative; top:10px;}
.xgcp_nm:after{ content:"相关内容"}

.xiangguan{width:100%; height:auto;margin:40px auto; overflow:hidden}
.xiangguan li{width:180px; height:300px; float:left; margin:0px 2.5%; }
.xiangguan li a{width:180px; height:270px; color:#212121; display:block; text-align:center; line-height:35px;}
.xiangguan li a:hover{background: #b39362;color:#fff; display:block}
.xiangguan li img{width:180px; height:232px;}

.hiddentitle{display:block;visibility: hidden;width:0;height:0;overflow:hidden;position: absolute;z-index: 0;top:0;left: 0;color: #663300;transition: all 0.6s}
#productlist img{transition: all 0.5s ease-in-out;width:224px;height:336px;overflow: hidden}
/*#productlist img:hover{ transform: scale(1.1); cursor: pointer }*/
#productlist li:hover a{transform: scale(1.1);font-weight: bold; cursor: pointer;visibility:visible;font-size:18px;background-color: #b39362;opacity:0.8;width:224px;height: 336px;line-height:336px;text-align: center;color: #ffffff
}
#productlist li:hover img{transform: scale(1.1); cursor: pointer }
.cganli{width:100%; padding:20px 0px; }
.cganli li{width:21%; height:196px; float:left; margin:0px 2%; }
.cganli li a{width:100%; height:196px; color:#212121; display:block; text-align:center; line-height:35px;}
.cganli li a:hover{background:#dc2c2e;color:#fff; display:block; padding:2px;}
.cganli li img{width:100%; height:192px;}
/*### cateory_news  ###*/
.new_cate{width:100%; overflow:hidden}
.new_cate li{width:48%; float:left; border-bottom:1px double #ccc; padding:5px 0px; color:#605f5f; margin:0.5% 1%; font-size:12px; overflow:hidden;}
.new_cate li a{line-height:18px; text-decoration:none; color:#000; font-size:14px;}
.new_cate li a:hover{ text-decoration:underline; color:#000;}
.new_cate li #time{float:right; line-height:25px;}
.new_cate li .key{width:20px; height:20px; background:#dddbdb; color:#ce0203; border-radius:10px; float:left; line-height:20px; margin-top:6px; text-align:center; font-weight:bold}

.new_cate li .date{width:70px; height:70px; float:left; border:1px solid #025798; border-radius:5px; text-align:center; margin-right:15px;}
.new_cate li .date span{width:70px; height:35px; float:left; font-size:24px; line-height:35px;}
.new_cate li .date div{width:70px; height:35px; float:left; background:#025798; padding-bottom:0px; color:#fff; font-size:14px;}
.new_cate li .contact div{ line-height:19px; padding-top:5px;}






.blog-post { float: left;width: 100%;
    padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px solid #e1e1e1;}


.ppal_list{width:auto; float:left; padding:11px;}
.ppal_list img{float:left; border:1px solid #F00}



.isotope-item{ overflow:hidden}
.isotope-item a .item-wrapp .portfolio-item .pr_ckgd{ padding-left:90px;}
.isotope-item a .item-wrapp .portfolio-item:hover .pr_ckgd{ display:block; text-align:center;;padding:0px; position:relative; top:-90px; color:#ffffff}


 /*--------------------------------------------------------------------------------------*/
 /*                     3 - GRID                                                        */
 /*-------------------------------------------------------------------------------------*/

.one,.two-third,.one-third,.one-fourth ,.one-fifth,.one-sixth,.three-fourth{ float:left;position:relative;margin-right:2.21%; }
.one { width: 100%; margin-right: 0!important; }
.one-half { width: 48.895%; }
.two-third { width: 65.93%; }
.one-third  { width: 31.86%; }
.one-fourth { width: 23.34%; }
.three-fourth { width: 74.44%;}
.one-fifth { width: 18.23%; }
.one-sixth { width: 14.82%; }
.one-half:nth-child(2n), .one-third:nth-child(3n), .one-fourth:nth-child(4n),.one-fifth:nth-child(5n),.one-sixth:nth-child(6n){margin-right: 0!important;}
.horizontal-line {width: 100%;margin: 15px 0; float: left; border-top: 1px solid #e3e3e3;}
.container .one-fourth:last-child{margin-right: 0!important;}
.container .one-third:last-child{margin-right: 0!important;}
.container .three-fourth:last-child{margin-right: 0!important;}
.container .two-third:last-child{margin-right: 0!important;}
.one .one-fourth:last-child{margin-right: 0!important;}
.one .two-third:last-child{margin-right: 0!important;}




 /*--------------------------------------------------------------------------------------*/
 /*                     7 - FORMS                                                       */
 /*-------------------------------------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: none;
    padding: 7px 10px;
    outline: none;
    font-size: 13px;
    color: #aab3bc;
    margin: 0;
    max-width: 100%;
    display: block;
    background: #fff;
    /*border-radius: 4px;*/
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
select { padding: 0 }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus { border: 1px solid #aab3bc }
textarea {
    min-height: 60px;
    resize: none;
}
label,
legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
}
select { }
input[type="checkbox"] { display: inline }
label span,
legend span {
    font-weight: normal;
    font-size: 12px;
    color: #444;
}
form.simple-form {
    margin-bottom: 30px;
    float: left;
}
form.simple-form  input {
    outline: none;
    font-size: 12px;
    color: #888;
    margin: 0 0 0px 0;
    max-width: 100%;
    display: block;
    background: #ffffff;
    /*box-shadow: inset 0px 2px 4px #f3f3f3;*/
    font-family: "Roboto", Arial, Verdana;
    border: none;
    border-radius: none;
}
#error-field {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
}
.input-title {
    margin: 10px  0 0 10px;
    float: left;
}
form.simple-form fieldset {
    padding: 0px 0px;
    border-radius: 2px;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    float: left;
}
form.simple-form fieldset.inputError i { background-color: #db4453 }
form.simple-form fieldset { border: 1px solid #aab2bd }
form.simple-form fieldset i { background-color: #aab2bd }
form.simple-form fieldset.inputError { border-color: #db4453 }
form.simple-form fieldset i {
    float: left;
    width: 28px;
    height: 22px;
    color: #FFF;
    text-align: center;
    padding: 10px 2px 0px 2px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
form.simple-form  input:focus,
form.simple-form   textarea:focus { border: none }
form.simple-form   input[type="submit"] {
    width: auto;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #FFF;
    box-shadow: none;
}
form.simple-form   textarea {
    width: 95%;
    margin: 0 0 15px 0;
    font-family: "Roboto", aRIAL, Verdana;
    border: none;
}
form.simple-form   fieldset {
    margin-bottom: 15px;
    float: left;
}
form.simple-form   label {
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
}
form.simple-form   label span { color: #e64135 }
 /*--------------------------------------------------------------------------------------*/
 /*                     8 - PORTFOLIO & BLOG                                             */
 /*-------------------------------------------------------------------------------------*/
 #filterable {
    display: inline;
    float: left;
    margin-bottom: 40px;
    margin-right: 0px;
    width: 100%;
}
#filterable li {
    float: left;
    list-style: none;
    margin-left: 1px;
}
#filterable li:first-child { margin-left: 0px }
#filterable li a {
    cursor: pointer;
    display: block;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    height: auto;
    padding: 5px 15px;
    font-size: 11px;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    background: #aab2bd;
    border-bottom: 1px solid #8d95a0;
    text-decoration: none;
    /* border-radius: 2px;*/
}
#filterable li a:hover { color: #FFF }
#filterable li:first-child a { border-radius: 2px 0px 0px 2px }
#filterable li:last-child a { border-radius: 0px 2px 2px 0px }
#filterable li a.active {
    color: #FFF;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10) inset;
}
#filterable li a i {
    color: #FFF;
    margin-right: 7px;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -ms-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
ul#portfolio-container {margin: 0 0  0 0;padding: 0;float: left; width: 100%;border: none;overflow: hidden;}
ul#portfolio-container li {float: left; margin: 0 0 20px 0.5%;list-style: none; }
ul#portfolio-container.four-columns li { width: 23% }
ul#portfolio-container.two-columns li { width: 48% }
ul#portfolio-container li  ul.slides li { margin: 0 0 0 0!important }
ul#portfolio-container li  ul.flex-direction-nav li { margin: 0 0 0 0!important }
ul#portfolio-container  .flex-control-nav,


/*##### 产品总类 #####*/
ul#portfolio-container.three-columns li { width: 24%; margin-left:4.5px; margin-right:4.5px; } 
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-permalink { left: 40% }
ul#portfolio-container.three-columns li .item-wrapp .portfolio-item:hover  a.item-preview { right: 30% }
.item-wrapp {border-radius: 0px;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.item-wrapp:hover { box-shadow: 0px ; }
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.one-third.product .item-wrapp .portfolio-item:hover  a.item-permalink { left: 30% }
.one-third.product .item-wrapp .portfolio-item:hover  a.item-preview { right: 30% }
.portfolio-item-title {text-align: center;background: #FFF;border: 1px solid #e6e9ee; line-height:40px; border-radius: 0px;}
.item-wrapp:hover .portfolio-item-title {border: 1px solid #ccd0d9;}
.portfolio-item-title a {margin-bottom: 0px;font-size: 12px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.portfolio-item-title a:hover {text-decoration: none;color: #60a411!important; font-weight:bold}
.portfolio-item-title p { margin-bottom: 10px;line-height: 14px; font-size: 10px;text-transform: uppercase;font-weight: 400;color: #404040;}

.portfolio-item,
.blog-item {float: left;position: relative; top:1px; overflow: hidden;border-radius: 0;}
.portfolio-item a,
.blog-item a {-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.portfolio-item img,
.blog-item img {-webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;transition: all 0.35s ease-out; -webkit-backface-visibility: hidden;border-radius:  0;width: 100%;height: auto;float: left;}
.blog-item img { border-radius: 0px }
.portfolio-item:hover img,
.blog-item.small:hover img,
.blog-item.medium:hover img,
.blog-item.large:hover img {position: relative; z-index: 10;opacity: 0.10;-webkit-transform: scale(1.18);-moz-transform: scale(1.18); -ms-transform: scale(1.18);-o-transform: scale(1.18);-webkit-perspective: 1000;border-radius: 4px 4px 0 0;}
.blog-item.small img,
.blog-item.small:hover img,
.blog-item.medium img,
.blog-item.medium:hover img,
.blog-item.large img,
.blog-item.large:hover img { border-radius: 4px 4px 4px 4px!important }
.blog-item { border-radius: 4px }
.portfolio-item a.item-permalink,
.blog-item a.item-permalink {background: rgba(0,0,0,0.75); position: absolute;top: 40%;left: -50px;z-index: 120; border-radius: 4px; padding: 8px 12px 8px 12px;}



.portfolio-item a.item-preview,
.blog-item a.item-preview {
    padding: 8px 12px 8px 12px;
    background: rgba(0,0,0,0.75);
    position: absolute;
    top: 40%;
    right: -50px;
    z-index: 121;
    border-radius: 4px;
}
.portfolio-item a.item-permalink:hover,
.portfolio-item a.item-preview:hover,
.blog-item a.item-permalink:hover,
.blog-item a.item-preview:hover { background: #FFF }
.portfolio-item a.item-permalink:hover i,
.portfolio-item a.item-preview:hover i,
.blog-item a.item-permalink:hover i,
.blog-item a.item-preview:hover i { color: #434a54 }
.portfolio-item a.item-permalink i,
.portfolio-item a.item-preview i,
.blog-item a.item-permalink i,
.blog-item a.item-preview i {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-permalink { left: 41% }
ul#portfolio-container.two-columns li .item-wrapp .portfolio-item:hover  a.item-preview { right: 41% }


.portfolio-item:hover  a.item-permalink { left: 31.5% }
.portfolio-item:hover  a.item-preview { right: 31.5% }
.blog-item.small:hover  a.item-permalink { left: 30% }
.blog-item.small:hover  a.item-preview { right: 30% }
.blog-item.medium:hover  a.item-permalink { left: 38% }
.blog-item.medium:hover  a.item-preview { right: 38% }
.blog-item.large:hover  a.item-permalink { left: 44% }
.blog-item.large:hover  a.item-preview { right: 44% }


.permalink h4 { margin-bottom: 0px;margin-top: 15px; }
.permalink a {
    color: #656d78;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 18px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.permalink a:hover { text-decoration: none }
.media-holder {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.media-holder img {
    /* border-radius: 4px;  */
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.media-holder img:hover { opacity: 0.80 }


.pagination ul {
    margin: 10px 0 30px 0;
    float: left;
    position: relative;
    width: 100%;
}
.pagination ul li a {
    padding: 5px 10px;
    display: inline-block;
    float: left;
    margin-right: 1px;
    background: #aab2bd;
    color: #FFF;
    border-bottom: 1px solid #8d95a0;
    text-decoration: none;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.pagination ul li:first-child a{  border-radius: 4px 0px 0px 4px;} 
.pagination ul li:last-child a{   border-radius: 0px 4px 4px 0px;}
 /*--------------------------------------------------------------------------------------*/
 /*                     9 - PRICING TABLES & BOXES                                       */
 /*-------------------------------------------------------------------------------------*/
ul.pricing-boxes {
    float: left;
    margin: 0px 0px 40px 0;
    padding: 0px;
    list-style: none;
}
ul.pricing-boxes li {
    float: left;
    list-style: none;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
ul.pricing-boxes li.best-plan {
    position: relative;
    top: -10px;
}
ul.pricing-boxes li.best-plan:hover { box-shadow: 0px 0px 15px rgba(0,0,0,0.20) }
ul.pricing-boxes.five li {
    width: 20%; /*width: 188px;*/;
}
ul.pricing-boxes.four li {
    width: 25%; /*width: 235px;*/;
}
ul.pricing-boxes.three li {
    width: 33%; /*width: 313px;*/;
}
ul.pricing-boxes li:nth-child(even) { background: #FFF }
ul.pricing-boxes li:nth-child(even) { background: #f6f7fb }
ul.pricing-boxes li.best-plan  .plan-name { padding: 20px 0 15px 0 }
ul.pricing-boxes li.best-plan .plan-features { padding: 0px 0px 35px 0px }
.plan-name {
    background: #656d78;
    box-shadow: inset 0px 1px 0px rgba(0,0,0,0.14),inset -1px 0px 0px rgba(0,0,0,0.14);
    padding: 15px 0 10px 0;
    border-radius: 4px 4px 0  0;
}
.plan-name.color { box-shadow: inset 0px 1px 0px rgba(0,0,0,0.1) }
.plan-name h4 {
    color: #FFF;
    font-size: 16px;
    font-family: "Roboto", Arial;
    font-weight: 300;
    margin-bottom: 5px;
}
.plan-name h1 {
    color: #FFF;
    text-align: center;
    margin-bottom: 5px;
    line-height: 64px;
    margin-top: 7px;
}
.plan-name h1 i {
    color: #FFF;
    border-radius: 100%;
    border: 2px solid #FFF;
    padding: 15px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.plan-price {
    background: #434a54;
    box-shadow: inset 0px 1px 0px rgba(0,0,0,0.14),inset -1px 0px 0px rgba(0,0,0,0.14);
    padding: 15px 0 10px 0;
}
.plan-price h4 {
    color: #FFF;
    font-size: 13px;
    font-family: "Roboto", Arial;
    font-weight: 300;
    margin-bottom: 5px;
}
.plan-price h4 i { margin-right: 5px }
.plan-price h4 span {
    color: #FFF;
    font-size: 13px;
}
ul.pricing-boxes li:hover .plan-name,
ul.pricing-boxes li:hover .plan-price {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
ul.pricing-boxes li:hover .plan-name h1 i { border: 4px solid #FFF }
ul.pricing-boxes li:hover .plan-name { background-color: #555d68 }
ul.pricing-boxes li:hover .plan-price { background-color: #383f49 }
.plan-features {
    background: #fff;
    border: 1px solid #e6e9ee;
    border-top: 0;
    padding: 0px 0px 25px 0px;
    border-radius: 0 0 4px 4px;
    float: left;
}
ul.pricing-boxes li .plan-features { border-right: none }
ul.pricing-boxes li:last-child .plan-features { border: 1px solid #e6e9ee }
ul.pricing-boxes.standalone li .plan-features { border: 1px solid #e6e9ee!important }
.plan-features ul {
    float: left;
    list-style: none;
    margin-bottom: 25px;
}
.plan-features ul li {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    float: left;
    width: 100%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width: 100%!important;
    float: left;
}
.plan-features ul li i {
    margin-right: 10px;
    font-size: 16px;
}
.plan-features ul li:hover { box-shadow: none }
.plan-name.dark { background: #656d78 }
.plan-price.dark { background: #434a54 }
 /*--------------------------------------------------------------------------------------*/
 /*                     10 - SHOP LAYOUT                                                */
 /*-------------------------------------------------------------------------------------*/
ul.star-rating {
    width: 100%;
    list-style: none;
    text-align: center;
    display: block;
    float: left;
    margin-bottom: 15px;
}
ul.star-rating li {
    list-style: none;
    display: inline;
    margin-right: 0px!important;
}
ul.star-rating li i {
    color: #ccd0d9;
    font-size: 14px;
}
ul.star-rating li i.color { color: #f6bb43 }
ul.star-rating.big li i { font-size: 24px }
.shopping-cart-wrapp {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 25px;
}
.shop-items {
    width: 100%;
    float: left;
    position: relative;
}
.shop-items > div { margin-bottom: 30px }
a.item-price {
    padding: 2px 10px;
    font-size: 11px;
    color: #FFF;
    text-transform: uppercase;
    background-color: #76d17f;
    border-radius: 4px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1999;
}
a.item-price i {
    color: #FFF;
    margin-left: 5px;
}
a.all-items {
    float: right;
    font-size: 13px;
    font-style: italic;
    color: #aab2bd;
    font-weight: 400;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
a.all-items i {
    color: #aab2bd;
    margin-right: 5px;
}
#scrolltotop {
    width: 48px;
    height: 48px;
    background: url("../images/top.png") top no-repeat;
    margin: 0px 15px 10px 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 3px;
}
#scrolltotop:hover { background: url("../images/top.png") bottom no-repeat }
#amount {
    border: none;
    font-weight: 800;
    width: 100%;
    background: none;
    float: left;
    margin: 15px 0px 15px -10px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccd0d9!important;
    background: #e6e9ee!important;
    font-weight: normal;
    color: #555555;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}
.ui-widget-content {
    border: none!important;
    border-bottom: 1px solid #ccd0d9!important;
    background: #e6e9ee!important;
    color: #222222;
}
a.product-item-preview {
    border-radius: 4px;
    background-color: #aab2bd;
    color: #FFF;
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
a.product-item-preview i { color: #FFF }
 /*--------------------------------------------------------------------------------------*/
 /*                     11 - COMMENT AREA                                                */
 /*-------------------------------------------------------------------------------------*/
ul.commentlist {
    float: left;
    width: 100%;
    margin: 0;
}
ul.commentlist li {
    float: left;
    padding: 10px 0 20px 0;
}
ul.commentlist li { list-style: none }
ul.commentlist li.child { margin-left: 90px }
.comments-amount {
    font-weight: 300;
    color: #aaa;
}
.comment > .avatar {
    float: left;
    background: #FFF;
    padding: 3px;
    box-shadow: 0px 0px 7px #e6e9ee;
    position: relative;
    border: 1px solid #e6e9ee;
    margin-right: 10px;
}
.comment .avatar img {
    float: left;
    max-width: 64px;
}
.comment-entry p {
    margin: 0;
    line-height: 23px;
}
.comment-entry {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    float: left;
    margin: -70px 0 0 90px;
    width: 81%;
    background: #FFF;
    color: #888;
    border-radius: 4px;
    border: 1px solid #e6e9ee;
    padding: 20px;
    box-shadow: 0px 0px 7px #e6e9ee;
}
ul.commentlist li.child .comment-entry { width: 78% }
.comment-arrow {
    width: 10px;
    height: 20px;
    position: relative;
    float: left;
    background: url("../images/comment-arrow.png") no-repeat;
    margin-left: -30px;
}
.comment-entry strong {
    float: left;
    padding-right: 5px;
    font-size: 14px;
    color: #656d78;
}
.comment-entry span {
    float: left;
    color: #999;
}
.comment-author {
    float: left;
    width: 100%;
}
.comment-author span.reply {
    float: right;
    display: inline;
}
.comment-author span.reply a {
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    float: right;
    padding: 0px 7px;
    margin-left: 5px;
    font-weight: normal;
    color: #FFF;
    background: #ccd0d9;
    border-radius: 4px;
    font-size: 11px;
}
.comment-author span.reply a i {
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    color: #FFF;
    font-size: 11px;
}
.comment-author span.reply a:hover,
.comment-author span.reply a:hover i { text-decoration: none }
.comment-author span.date {
    color: #999;
    float: left;
    font-weight: 300;
    padding: 0 0 0 0px;
    margin: 5px 0 0 5px;
}
 /*--------------------------------------------------------------------------------------*/
 /*                     12 - JQUERY TABS                                                 */
 /*-------------------------------------------------------------------------------------*/
.tabs-wrapp {
    float: left;
    position: relative;
    margin-top: 20px;
}
.tabs-nav {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.tabs-nav li {
    float: left;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.tabs-nav li.active { line-height: 31px }
.tabs-nav li a {
    background: #aab2bd;
    border-right: 2px solid #FFF;
    color: #FFF;
    display: block;
    letter-spacing: 0;
    outline: none;
    padding: 2px 15px;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    -moz-transition: all 0.14s ease 0s;
    -webkit-transition: all 0.14s ease 0s;
    -o-transition: all 0.14s ease 0s;
    box-shadow: inset 1px 1px  0px rgba(0,0,0,0.12),inset -1px 0px  0px rgba(0,0,0,0.12);
}
.tabs-nav li:first-child a { border-left: none }
.tabs-nav li a:hover { background: #656d78 }
.tabs-nav li a i {
    margin-right: 5px;
    color: #FFF;
}
.tabs-nav li.active a {
    background: #fff;
    border-bottom: 1px solid #FFF;
}
.tabs-container {
    border: 1px solid #dddddd;
    margin: -1px 0 20px;
    overflow: hidden;
    width: 100%;
}
.tab-content {
    padding: 20px;
    background: #FFF;
}
 /*--------------------------------------------------------------------------------------*/
 /*                     13 - JQUERY ACCORDION                                            */
 /*-------------------------------------------------------------------------------------*/
ul.accordion {
    display: inline;
    float: left;
    width: 100%;
}
ul.accordion li {
    float: left;
    width: 100%;
    padding: 0;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}
ul.accordion li:last-child { border-bottom: 1px solid #e1e1e1 }
ul.accordion .accordion-switch {
    float: left;
    width: 100%;
    background: #FFF;
    margin-bottom: 0px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    cursor: pointer;
    font-size: 12px;
    color: #777;
    line-height: 22px;
    padding: 12px 0 0px 0;
}
ul.accordion li.accordion-item.selected .accordion-switch { background: #FFF }
ul.accordion .accordion-switch:hover { background: #f6f7fb }
ul.accordion li.accordion-item .accordion-switch {
    font-size: 13px;
    : ;
    text-transform: capitalize;
    float: left;
}
ul.accordion li a:hover { text-decoration: underline }
ul.accordion li.accordion-item .togglegfx {
    float: left;
    height: 22px;
    width: 22px;
    background: #aab2bd url('../images/accordion-toggle.png') no-repeat left top;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    padding-right: 0px;
    margin-bottom: 11px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 100%;
    margin-top: 1px;
}
ul.accordion li.accordion-item:hover .togglegfx { background-color: #424953 }
ul.accordion li.accordion-item .accordion-content {
    padding: 0px 20px 10px 15px;
    margin-top: 5px;
    float: left;
}
 /*--------------------------------------------------------------------------------------*/
 /*                     14 - CAROUSEL                                                    */
 /*-------------------------------------------------------------------------------------*/
ol.carousel-tabs {
    width: 100%;
    text-align: center;
    list-style: none;
    float: left;
}
ol.carousel-tabs li {
    float: left;
    list-style: none;
    margin: 0px 0 0 3px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 10px;
    height: 10px;
    display: block;
    background: #ccd0d9;
    cursor: pointer;
    text-indent: -999em;
    border-radius: 100%;
}
ol.carousel-tabs li:first-child { margin: 0 }
ul.slidecontrols {
    float: right;
    width: 100;
    list-style: none;
}
ul.slidecontrols li {
    float: left;
    list-style: none;
    margin-top: 20px;
}
ul.slidecontrols li:first-child { margin-right: 2px }
ul.slidecontrols li a.prev,
ul.slidecontrols li a.next {
    height: 24px;
    width: 24px;
    position: relative;
    border-radius: 2px;
    color: #FFF;
    border-bottom: 1px solid #434a54;
    text-indent: -99999px;
    cursor: auto;
    float: left;
    display: block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul.slidecontrols li a.prev { background: #656d78 url("../images/carousel-prev-next.png") -15% 50% no-repeat }
ul.slidecontrols li a.next { background: #656d78 url("../images/carousel-prev-next.png") 115% 50% no-repeat }
ul.slidecontrols li a.carousel-disabled,
ul.slidecontrols li a.carousel-disabled:hover {
    background-color: #ccd0d9 !important;
    border-bottom: 1px solid #aab2bd!important;
    cursor: default;
}
 /*--------------------------------------------------------------------------------------*/
 /*                     15 - SIDEBAR                                                     */
 /*-------------------------------------------------------------------------------------*/
.sidebar .widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.sidebar .widget .flickr-widget li {
    width: 48px;
    height: 48px;
}
.price-wrapp {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.sidebar  ul.popular-tags {
    list-style: none;
    float: left;
    margin-top: 20px;
    width: 100%;
}
.sidebar  ul.popular-tags li {
    float: left;
    margin-right: 5px;
    margin-bottom: 7px;
}
.sidebar  ul.popular-tags li a i {
    margin-right: 5px;
    font-size: 12px;
    color: #FFF;
}
.sidebar  ul.popular-tags li a {
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    font-size: 11px;
    padding: 4px 8px;
    background: #aab2bd;
    text-decoration: none;
    color: #FFF;
    border-radius: 2px;
}

 /*--------------------------------------------------------------------------------------*/
 /*                     16 - TABLES                                                     */
 /*-------------------------------------------------------------------------------------*/
table.simple-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    margin-bottom: 15px;
    border-radius: 4px;
}
table.simple-table th {
    border: 1px solid rgba(0,0,0,0.15);
    border-right: none;
    text-align: left;
    padding: 10px 15px;
    color: #FFF;
    vertical-align: top;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
}
table.simple-table td:last-child { border-right: 1px solid #e0e0e0 }
table.simple-table th:last-child { border-right: 1px solid #e0e0e0 }
table.simple-table td {
    padding: 10px 15px;
    border: #e0e0e0 1px solid;
    border-top: none;
    border-right: none;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
table.simple-table tr:hover td { background-color: #f6f7fb }
 /*--------------------------------------------------------------------------------------*/
 /*                     17 - SOCIAL WIDGETS                                             */
 /*-------------------------------------------------------------------------------------*/
.instagram-widget div {
    list-style: none;
    float: left;
    margin: 0px 0px 0px 0;
}
.instagram-widget div img {
    margin-bottom: 5px;
    border: none;
}
.instagram-widget div a {
    float: left;
    border: 3px solid #161616;
    display: block;
    width: 60px;
    height: 60px;
    margin: 7px 7px 0 0;
    display: block;
    position: relative;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    border-radius: 2px;
}
.instagram-widget.inner div a { border: 3px solid #656d78 }
.flickr-widget { margin: -5px -10px 0 0px }
.flickr-widget ul {
    float: left;
    list-style: none;
}
.flickr-widget li {
    float: left;
    border: 3px solid #212730;
    display: block;
    width: 60px;
    height: 60px;
    margin: 10px 10px 0 0;
    display: block;
    position: relative;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    border-radius: 2px;
}
.flickr-widget li a img { border: none }
.flickr-widget.inner li { border: 3px solid #ccd0d9 }
.flickr-widget li a span {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    left: 0px;
    top: 0px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.flickr-widget.inner li a span {
    width: 48px;
    height: 48px;
}
.flickr-widget li a:hover span,
.flickr-widget.inner li a:hover span { opacity: 0.75 }
.flickr-widget li:hover { border: 3px solid #656d78 }
.flickr-widget.inner li:hover { border: 3px solid #aab2bd }
.flickr-widget.inner { margin-top: 15px }
.twitter-feeds li { border: none!important }
.twitter-feeds a { }
.twitter-feeds b a,
.twitter-feeds b a:hover {
    margin-top: 5px;
    display: block;
    color: #FFF;
    font-weight: normal;
}
.twitter-feeds b a:hover.twitter-feeds a:hover { text-decoration: underline }
.twitter-feeds b a { font-weight: 800 }
 /*--------------------------------------------------------------------------------------*/
 /*                     18 - NOTIFICATION BOXES                                          */
 /*-------------------------------------------------------------------------------------*/
.notification {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    position: relative;
    padding: 10px 5px 10px 10px;
    border-radius: 4px;
    font-family: "Roboto", Arial, Verdana;
    font-style: normal;
    color: #FFF;
    box-shadow: inset 1px 1px  0px rgba(0,0,0,0.12),inset -1px -1px  0px rgba(0,0,0,0.12);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: block;
}
.notification:hover { box-shadow: inset 1px 1px  0px rgba(0,0,0,0.25),inset -1px -1px  0px rgba(0,0,0,0.25) }
span.close-notification {
    float: right;
    color: #FFF;
    color: rgba(0,0,0,0.40);
    font-size: 16px;
    cursor: pointer;
}
span.close-notification i {
    color: #FFF;
    color: rgba(0,0,0,0.40);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
span.close-notification:hover i {
    color: #FFF;
    color: rgba(0,0,0,0.70);
}
.notification p {
    margin: 0;
    color: #FFF;
    color: rgba(0,0,0,0.40);
}
.notification  i {
    margin-right: 7px;
    font-size: 14px;
    color: #FFF;
    color: rgba(0,0,0,0.40);
}
.notification.success,
.notification.success strong { background-color: #a0d569 }
.notification.error,
.notification.error strong { background-color: #ee5665 }
.notification.warning,
.notification.warning strong { background-color: #ffce55 }
.notification.notice,
.notification.notice strong { background-color: #4fc0e8 }
.notification strong { border: none !important }
 /*--------------------------------------------------------------------------------------*/
 /*                     19 - TOOLTIPS                                                    */
 /*-------------------------------------------------------------------------------------*/
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder.tip_top { padding-bottom: 5px }
#tiptip_holder.tip_bottom { padding-top: 5px }
#tiptip_holder.tip_right { padding-left: 5px }
#tiptip_holder.tip_left { padding-right: 5px }
#tiptip_content {
    font-size: 11px;
    color: #FFF;
    padding: 5px 8px;
    font-family: "Roboto", Arial, Verdana;
    background: #656d78;
    border-radius: 4px;
}
#tiptip_arrow,
#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #656d78 }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #656d78 }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #656d78 }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #656d78 }
#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #656d78;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -6px;
    border-bottom-color: #656d78;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #656d78;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #656d78;
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: #656d78;
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: #656d78 }
    #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #656d78 }
}
 /*--------------------------------------------------------------------------------------*/
 /*                     20 - BUTTONS                                                    */
 /*-------------------------------------------------------------------------------------*/

.button {
    font-size: 12px;
    color: #FFF!important;
    font-family: "Roboto", Arial, Verdana;
    text-align: center;
    outline: none;
    text-transform: capitalize!important;
    cursor: pointer;
    position: relative;
    -moz-transition: all 0.24s ease 0s;
    -webkit-transition: all 0.24s ease 0s;
    -o-transition: all 0.24s ease 0s;
}
.button:hover { box-shadow: inset 1px 1px  0px rgba(0,0,0,0.15),inset -1px 0px  0px rgba(0,0,0,0.15) }
.button.color:hover,
.button.grey {
    background: #89929d;
    color: #FFF!important;
    text-decoration: none;
    border-bottom: 1px solid #656d78;
}
.button.simple-grey {
    background: #aab2bd;
    color: #FFF!important;
    text-decoration: none;
    border-bottom: none;
    font-size: 11px;
}
.button.color-alt {
    color: #FFF!important;
    text-decoration: none;
    border-bottom: none;
    font-size: 14px;
}
.button.color-alt:hover {
    background: #434a54!important;
    color: #FFF!important;
}
.button:active,
.grey-button:active,
.colored-button:active { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35) inset }
.button i.right,
.grey-button i.right,
.colored-button i.right {
    color: #FFF;
    margin-left: 5px;
}
.button i.left,
.grey-button i.left,
.colored-button i.left {
    color: #FFF;
    margin-right: 5px;
}
.button.small,
.grey-button.small,
.colored-button.small { padding: 6px 13px }
.button.big,
.grey-button.big,
.colored-button.big { padding: 11px 17px }
.button.huge,
.grey-button.huge,
.colored-button.huge {
    padding: 12px 22px;
    font-size: 13px;
    text-transform: capitalize;
    color: #FFF!important;
    font-family: "Roboto", Arial, Verdana;
    font-weight: 400;
}
.button.round,
.grey-button.round,
.colored-button.round { border-radius: 4px }
.button.circle,
.grey-button.circle,
.colored-button.circle { border-radius: 100px }
 /*--------------------------------------------------------------------------------------*/
 /*                     21 - SKILLS BAR                                                  */
 /*-------------------------------------------------------------------------------------*/
.bar_graph li {
    list-style: none!important;
    border-radius: 4px;
}
.bar_graph li:last-child span { margin-bottom: 0px }
.bar_graph li .bar-wrap {
    margin-bottom: 10px;
    background-color: #f6f7fb;
    border-bottom: 1px solid #e6e9ee;
    border-radius: 4px;
}
.bar_graph li span {
    height: 30px;
    width: 0px;
    display: block;
    border-radius: 4px;
}
.bar_graph li p {
    position: absolute;
    left: 10px;
    margin-top: 5px;
    z-index: 100;
    color: #FFF;
    width: 100%;
    font-size: 12px;
}
.bar_graph li p i { margin-right: 7px }
.bar_graph li span {
    overflow: visible!important;
    position: relative;
}
 /*--------------------------------------------------------------------------------------*/
 /*                     22 - TEAM MEMBER                                                 */
 /*-------------------------------------------------------------------------------------*/
.team-member h4 { margin-bottom: 0px }
.team-member h4 a {
    margin-bottom: 0px;
    color: #656d78;
    font-size: 16px;
    font-weight: 600;
}
.team-member h5 {
    margin-bottom: 10px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
}
.team-member  .avatar { margin-bottom: 15px }
.member-info {
    float: left;
    position: relative;
    background-color: #FFF;
    width: 100%;
}
ul.team-member-links {
    float: left;
    list-style: none;
    width: 100%;
    height: auto;
}
ul.team-member-links li {
    float: left;
    list-style: none;
    margin-left: 5px;
}
ul.team-member-links li:first-child { margin-left: 0px }
ul.team-member-links li a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 14px;
    float: left;
    padding: 7px 3px 2px 3px;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
    text-align: center;
}
ul.team-member-links li a i {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #d0d0d0;
}
.team-member ul.social-links.alternative { float: left }
 /*--------------------------------------------------------------------------------------*/
 /*                     23 - FEATURED ICONS BLOCKS                                       */
 /*-------------------------------------------------------------------------------------*/
ul.feature-block-list {
    float: left;
    list-style: none;
}
ul.feature-block-list li {
    float: left;
    margin-left: 5px;
}
ul.feature-block-list li:first-child { margin-left: 0px }
.feature-block { position: relative }
.feature-block-center {
    position: relative;
    text-align: center;
}
.feature-block-center h3,
.feature-block-center h6 { margin-bottom: 5px }
.feature-block-center h3 { font-size: 18px }
.feature-block-title {
    float: left;
    width: 100%;
    position: relative;
}
.feature-block-title-center {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}
.feature-block-title h4,
.feature-block-title-center h4 {
    display: block;
    line-height: 14px;
    margin-bottom: 5px;
}
.feature-block-title h6,
.feature-block-title-center h6 {
    text-transform: capitalize;
    display: block;
    font-size: 13px;
    font-weight: 400;
}
.feature-block:hover  .feature-block-icon { background: #aab2bd }
.feature-block-icon {
    padding: 9px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    color: #FFF;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    text-align: center;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
    cursor: pointer;
}
.feature-block-icon.round { border-radius: 100% }
.feature-block-icon.round  span { border-radius: 100% }
.feature-block-icon-center {
    padding: 25px 30px 30px 30px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    color: #FFF;
    margin-left: 30%;
    margin-bottom: 25px;
    text-align: center;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
    border: 2px solid #aab2bd;
}
.feature-block-icon-center i {
    color: #aab2bd;
    font-size: 28px;
}
.feature-block-icon i { color: #FFF }
.feature-block-icon  span {
    padding: 9px;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    color: #FFF;
    margin-left: -9px;
    margin-top: -30px;
    margin-bottom: 0px;
    float: left;
    text-align: center;
    z-index: 50;
}
.feature-block:hover > .feature-block-title  .feature-block-icon span {
    background: #a0a0a0;
    opacity: 0;
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transition-duration: .7s;
    -webkit-transition-duration: .7s;
    -ms-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
}
 /*--------------------------------------------------------------------------------------*/
 /*                     24 - TESTIMONIALS, SERVICES % NOTICE ICONS BLOCKS                */
 /*-------------------------------------------------------------------------------------*/

 /*--------------------------------------------------------------------------------------*/
 /* 25 - DROPCAPS, HOME INTRO,SIMPLE LIST, TEAM MEMBER CHART & GOOGLE MAPS               */
 /*-------------------------------------------------------------------------------------*/


p.item-price {
    color: #8dc153!important;
    font-size: 11px;
    font-weight: 500;
}
.post-author {
    margin-top: 30px;
    padding: 20px;
    background: #FFF;
    color: #888;
    border-radius: 4px;
    border: 1px solid #e6e9ee;
}
.post-author h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
}
.post-author img {
    float: left;
    margin: 15px 5px 5px 5px;
    width: 65px;
    height: 65px;
    border-radius: 4px;
}
.about-description { margin: 0px 0 0 90px }

.home-intro h4 {
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #FFF;
}
.home-intro p {
    font-size: 14px;
    color: #FFF;
}
ul.simple-list {
    border: none!important;
    float: left;
    list-style: none;
    margin: 0px;
}
ul.simple-list li {
    list-style: none;
    padding: 6px 0!important;
    border: none!important;
    border-bottom: 1px solid #e6e9ee!important;
    float: left;
    display: block;
    width: 100%;
}
ul.simple-list li i {
    margin-right: 5px;
    padding: 2px;
    font-size: 14px;
}
.clients-wrapp {
    float: left;
    width: 100%;
    position: relative;
}
.dropcap {
    float: left;
    font-size: 58px;
    line-height: 54px;
    padding-top: 4px;
    padding-right: 10px;
    margin-top: -2px;
}
.dropcap.gray { color: #555 }
.error-layout {
    margin: 80px 0 60px 0;
    text-align: center;
    width: 100%;
    border: 4px solid #ccd0d9;
    padding: 50px 0 40px 0;
    float: left;
    border-radius: 4px;
}
.error-layout h1 {
    font-size: 72px;
    line-height: 75px;
    margin-bottom: 20px;
    color: #656d78;
}
.error-layout h1 i {
    font-size: 72px;
    line-height: 75px;
    margin-bottom: 20px;
    color: #d90e0e;
    margin-right: 30px;
}
.error-layout h3 {
    color: #656d78;
    font-weight: 400;
    font-style: italic;
}
.chart {
    text-align: center;
    margin-bottom: 0px;
}
.chart:first-child { margin-left: 0 }
.chart span {
    font-size: 34px;
    font-weight: 800;
}
.chart .label {
    margin: 20px 0 15px 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
    color: #656d78;
    font-size: 16px;
}
.easyPieChart {
    margin: 0 auto;
    position: relative;
}
.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
ul.unstyled {
    float: left;
    width: 100%;
}
ul.unstyled li {
    float: left;
    width: 100%;
    padding: 4px 0;
    font-size: 14px;
}
ul.unstyled li i {
    margin-right: 10px;
    margin-top: 2px;
    color: #aab2bd;
    font-size: 18px;
}
#google-map {
    height: 400px;
    padding: 0px 0 0px 0;
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 0px;
    float: left;
}
#google-map:before,
#google-map:after {
    background: none;
    box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.25);
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#google-map:after {
    bottom: 0;
    top: auto;
}
.pdf {
    background: url(../images/pdf-icon.png) no-repeat 5px 12px;
    padding: 15px 10px 10px 65px;
    width: 125px;
    min-height: 48px;
    float: left;
    margin: 30px 0;
}
.pdf a:hover { text-decoration: underline }
ul.contact-info-widget {
    list-style: none;
    float: left;
    width: 100%;
}
ul.contact-info-widget li {
    width: 100%;
    float: left;
    display: block;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dotted #e1e1e1;
    background: none;
}
ul.contact-info-widget li:first-child { border-top: 1px dotted #e1e1e1 }
ul.contact-info-widget li a {
    padding-left: 5px;
    color: #898989;
}
ul.contact-info-widget li i { font-size: 14px }
ul.contact-info-widget li a:hover { text-decoration: none }
.img-holder-alt i {
    font-size: 24px;
    color: #434a54;
    padding: 25px;
    line-height: 78px;
    background: #FFF;
    border-radius: 100%;
    border: 2px solid #434a54;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.margin-top { margin-top: 50px }
.custom-slide {
    height: auto;
    position: relative;
    float: left;
    width: 100%;
}

 .centerslist{width:100%;height: 720px;background-color: white;margin-top: -1px;}
.centerarea{width:1200px;height: 720px;margin: 0 auto;}
 .leftlist{height: 720px;width:265px;float: left;background-color: #1c1c1c;
 }

 .listleftcenter{width:265px;height:auto;list-style: none;clear: both}
 .listleftcenter li{font-size: 16px;background-color: #262626;width:263px;height: 45px;border:1px solid #3c3c3c;line-height:45px;background: url("../images/listbgimg.png");background-repeat: no-repeat;
 }
.listleftcenter>li>a{width:230px;height: 45px;line-height:45px;margin-left:35px;display: inline-block}
.sprite{width:265px;height: 190px;clear: both;float: left;margin-top:-2px;background-color: #1c1c1c
}
.sprite div li{width:100%;height: 35px;line-height: 35px;color: #e9d1ad;font-size: 16px;list-style: none;padding-left: 20px;
}
.sprite div li:first-child{margin-top: 9px;}
.tel_{width:265px;margin-top: 0px;height: 80px;background-color: #1c1c1c;float: left}
.tel_style{margin-top: 0px;margin-left: 20px;float: left}
.telleft_style{width:190px;float: left;background-color: #1c1c1c;height: 80px;}
.tel_num{height:25px;width:180px;float: left;margin-left: 10px;}

.hexin{width:100%;height: 760px;background-color: white}
.hexin_1200{width:1200px;height: 160px;margin: 0 auto;overflow: hidden;margin-top: 20px;}
.dh_{float: left;width:446px;height: 53px;margin-top: 10px;}
.hexin_text{width:300px;height: 65px;line-height: 65px;overflow: hidden;font-size: 24px;font-weight: bold;padding-left: 35px;
}
.hexin_text i{font-style:normal;font-size: 30px;color: #CDAD79;}
.dh_1{margin-top: -50px;margin-left: 0px;float: right}
.hexin_2{width:1200px;height: 30px;line-height: 30px;text-align: center;font-size: 20px;color:#CDAD79}
.hr_style{width:1200px;height: 1px;background-color: #efefef;margin-top: 1px;}
.youshi{width:1200px;height: 600px;clear: both;margin: 0 auto;}
.youshileft{width:650px;height: 600px;float: left;}
.youshiright{width:550px;height: 600px;float: left}
.youshilist{width:100%;height: 100px;margin-top: 10px;}
.youshiNo{width:100px;height: 100px;float: left;text-align: center;line-height: 100px;font-size: 40px;color: white;background-color: #CDAD79}
.youshiright_1{width:550px;height: 100px;line-height: 100px;background-color: #f2f2f2;float: left}
.youshilist_top{font-size: 20px;height: 40px;line-height: 40px;margin-left: 20px;margin-top: 10px;color: #282828
}
.youshilist_bottom{height: 60px;line-height:20px;font-size: 14px;margin-left: 20px;color: #a9a9a9
}
.youshiright img{width:540px;height: 600px;}
.guanyushijia{width:100%;height: 310px;background-color: #202020
}
.shijiaabout{width:1200px;height: 310px;margin: 0 auto;}
.shijiatitle{color: #cdad79;width:1200px;height: 75px;line-height: 75px;font-size: 24px;}
.shijiatitle span{color: #464646
}
.shijiacontent img{float: left}
.shijiajj{width:850px;height: 205px;float: right;margin-right: 0px;}
.gongsijianjie{width:850px;height: 150px;color:#CDAD79;font-size: 15px;line-height: 30px;padding-top: -30px;}
#jianjieMore{width:105px;height: 30px;display: block;background-color: #a89459;color: white;font-size: 16px;text-align: center;line-height: 30px;margin-top: 10px;
}
.zixun{width:100%;height: 490px;margin-top: 20px;}
.zixuntitle{width:100%;height: 45px;font-size: 24px;text-align: center;color: #575757;line-height: 50px;
}
.zixuntitle2{width:100%;height:20px;text-align: center;color: #b9b9b9;font-size: 16px;
}
.sjxinwen{width:1200px;height: 364px;margin: -30px auto;}
.sjxinwen img{float: left;margin-top: 52px;height: 305px;}
.sjxw{height:310px !important;width: 694px !important;float: left;margin-top: 27px !important;}
.sjxw li{width:720px !important;height: 90px !important;list-style: none !important;margin-top: 26px !important;overflow: hidden !important}
.datelist{width:90px;height: 90px;line-height: 90px;text-align: center;font-size: 28px;color: white;background-color: #b5b5b5;float: left;margin-left: 20px;
}
.datelist div:first-child{width:90px;height: 45px;line-height: 55px;text-align: center;margin-top: 0px !important;color:white}
.datelist div:last-child{width: 80px;height: 45px;line-height:30px;text-align: right;font-size: 22px;margin-right: 10px;color:white}
.newslist{width:620px;height:90px;padding-left: 0px; float: left;background-color: #d6d6d6
}
.newslist1{width:620px;height: 34px;color: #252525;line-height: 34px;font-size: 18px;margin-top: 5px;}
.newslist2{width:600px;height: 56px;font-size: 15px;display: block;margin-top: -5px;padding:5px 10px;color: #D6D6D6;
}
.sjxw li:first-child{margin-top: 0px;}
.linkimg.png{width:100%;height: 255px;}
.endfoot{width:100%;height: 254px;background-color: #202020
}
.footfenlei{width:100%;height: 75px;line-height: 75px;background-color: #202020
}
.fenlei1{width:1200px;height: 75px;margin:0 auto;background-color: #202020;}
.fenlei1 img{float: left}
.fenlei1 a{width:auto;height: 75px;line-height: 75px;text-align: center;font-size: 16px;display: block;float: left;padding:0px 10px;}
.footdaohang{width:1200px;height: 180px;margin: 0 auto;}
.foot111{width:1004px;height: 70px;float: left;}
.floatimgs{width:100%;height: 770px;background: url("../images/bg01.png") center repeat-x;}
.floatimgscenter{width:1200px;height: 770px;margin: 0 auto;position: relative}
#laotou{position: absolute;top:63px;left: 98px;overflow: hidden;}
#laotou img{transition: all 0.3s;width:352px;height: 304px;overflow: hidden}
#laotou img:hover{ transform: scale(1.1); cursor: pointer }
#dalingdai{position: absolute;top:63px;left: 748px;transition: all 0.6s; overflow: hidden;width:352px;height: 436px;}
#dalingdai img{transition: all 0.3s;}
#dalingdai img:hover{ transform: scale(1.1); cursor: pointer }
#lingdai{position: absolute;top:367px;left: -111px;overflow: hidden}
#lingdai img{transition: all 0.3s;width:562px;height: 340px;overflow: hidden}
#lingdai img:hover{ transform: scale(1.1); cursor: pointer }
#shoubi{position: absolute;top:271px;left: 450px;overflow: hidden}
#shoubi img{transition: all 0.3s;width:298px;height: 476px;overflow: hidden}
#shoubi img:hover{ transform: scale(1.1); cursor: pointer }
#xinpin{width:297px;height: 245px;position: absolute;top:24px;left:452px;overflow: hidden;}
#xinpin img{width:297px;height: 245px;overflow: hidden;transition: all 0.3s ease-in}
#xinpin img:hover{transform: scale(1.1);cursor: pointer;}
#laiyang{width:352px;height: 207px;position: absolute;top:499px;left:748px;overflow: hidden}
#laiyang img{width:352px;height: 207px;transition:all 0.3s ease-in-out}
#laiyang img:hover{transform: scale(1.1);cursor: pointer}

a:hover{color: #b39362
}
#listsContent ul li{width:224px;height: 348px;overflow: hidden}
/*.rightlist ul li{float: left;margin-left: 5px;margin-top: 10px;list-style: none;transition: all 0.3s ease-in-out;position: relative}*/

.rightlist{width:920px;height:auto;float: left;margin-left: 15px;overflow: hidden}
.listproduct{width:218px;height: 335px;overflow:hidden;margin-left: 10px !important;float: left;border: 1px solid  #F2F2F2;}
.lista{width:218px;height: 335px;display: block;}
.lista img{width:218px;height: 335px;overflow: hidden;transition: all 0.3s ease-in-out;}
.lista img:hover{transform: scale(1.1); cursor: pointer}


.list1_1{width:212px;  text-align:center; float:left; height:260px; margin:10px; margin-left:5px;overflow:hidden}


.newsleft{width:720px !important;height: 85px !important;list-style: none !important;margin-top: 25px !important;overflow: hidden !important}
#list1 li:first-child{margin-top: -20px;}
.news_list li:first-child{margin-top: -20px;}
.mt_new li:first-child{margin-top: -20px;}
.sjxw li:first-child{margin-top: -20px;}