/* 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; background-color:#f9f9f9;
}

#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 }
a{ text-decoration:none;}
a:hover{ cursor:pointer;}
/*--------------------------------------------------------------------------------------*/
/*                     2 - GENERAL CSS FOR STYLING                                      */
/*-------------------------------------------------------------------------------------*/

body {
    background: #FFF;
    color: #282828;
    font-family: 'Roboto', Arial, Verdana;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-size:12px;
    line-height:21px; overflow-x:hidden; min-width:1440px;
}
html, body {}
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:#000;
	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}




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

/*###################  产品chanpin  ###################*/

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

.side{width:246px; float:left;}
.side_tit{width:100%; height:auto; background:#0089e1 url(side1.jpg) no-repeat 12px 8px; float:left; border-radius:12px 12px 0px 0px; position:relative;  border-bottom:5px solid #0089e1; padding-bottom:25px;}
.side_tit h3{color:#fff; font-size:17px; text-indent:48px; padding-top:15px; font-family:微软雅黑; font-weight:800; padding-bottom:10px;}
.side_txt{width:246px; float:left; background:#405266; top:-20px;  position:relative; padding-bottom:30px;}
.liebiao{ width:100%; padding-top:12px; margin:0px auto; display:block}
.liebiao li{height:40px; background:url(liebiao.png) no-repeat bottom; display:block; line-height:40px; text-indent:28px; color:#FFF;}

.liebiao li a{height:40px; display:block; font-size:16px; color:#fff; background:url(liebiao1.png) no-repeat 15px;}
.liebiao li a:hover{height:40px;color:#dc2c2e; background:url(liebiao2.png) no-repeat 15px;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(new.png) no-repeat 10px;}
.liebiao .erjifl li a:hover{height:30px;color:#dc2c2e; background:url(new2.png) no-repeat 10px;display:block}
/*######  main  ######*/

.main{width:1200px; height:auto; float:left; padding-top:20px;  padding-left:20px; overflow:hidden}
.main_tit{width:1200px; height:40px; background:#405266; font-size:16px; color:#fff; line-height:40px;}
.main_tit .remengjc{ background:#0089e1; color:#fff; float:left; font-size:16px; padding:0px 16px;}
.main_tit .a_rmgjc a{color:#fff; padding:0px 8px; font-size:16px;}
.main_tit .rmgjc_title{float:right; padding-right:20px}
.main_tit .rmgjc_title a{color:#fff; font-size:16px;}
.main_txt{width:1200px; height:auto; padding-top:20px;  overflow:hidden}
.main_txt .main_gdtp{width:940px; padding-left:6px; overflow:hidden}
.main_txt .main_gdtp .guntu_top{ float:left; padding-bottom:12px; overflow:hidden; margin-left:6px; margin-right:7px;}
.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:298px; overflow: hidden; text-align: center; border:#CCC 1px solid;}
.main_txt .main_gdtp .guntu_top ul .li1 img{width:100%;}
.main_txt .main_gdtp .guntu_top ul .li2{ height:34px; background:#0089e1;text-align:center; line-height:34px; overflow:hidden;}

/*###################  优势youshi  ###################*/
.youshi_bj{width:100%;background:url(youshi.png) no-repeat center top; margin-top:30px; overflow:hidden}

.youshi_l{width:50%; float:left; padding-bottom:310px; overflow:hidden}
.youshi_l h1{font-size:46px; color:#fff; padding:50px 0px 0px 80px;}
.youshi_l h2{font-size:36px; color:#fff; font-weight:100; padding:40px 0px 0px 20px;}

.youshi_r{width:49.9%; float:left; padding:126px 0px 0px 0px; text-indent:150px; overflow:hidden}
.youshi_r h6{font-size:14px; color:#363636; font-weight:100; padding-top:20px; line-height:30px; padding-left:150px; text-indent:0px}
.youshi_r h6 span{color:#0089e1}

.youshi_l2{width:40%; float:left; padding-left:9%; padding-top:60px;}

.youshi_r2{width:38%; float:left; padding-top:380px; padding-left:13%; overflow:hidden}

.youshi_l3{width:42%; float:left; padding-left:9%; padding-top:80px;}
div.lh4{font-size:13px; color:#aeaeae; text-transform:uppercase;line-height:1px; font-weight:100; font-family:Arial;}
h6.lh6{font-size:14px; color:#363636; font-weight:100; padding-top:20px; line-height:30px;}
h6.lh6 span{color:#0089e1}

.youshi_r3{width:37%; float:left; padding-top:380px; padding-left:11.5%; padding-bottom:125px; overflow:hidden}
h3.h3{font-size:26px; color:#000000; line-height:55px }
h3.h3 span{font-size:26px; color:#0089e1}
div.h4{font-size:9px; color:#aeaeae; text-transform:uppercase;line-height:1px; font-weight:100; font-family:Arial;}
h5.h5{color:#0089e1; font-size:21px; padding-top:20px; font-weight:100;}
h6.h6{font-size:14px; color:#363636; font-weight:100; padding-top:20px; line-height:30px; text-indent:0px}
h6.h6 span{color:#0089e1}

.wb_youshi{width:50%; float:left; background:url(wb_youshi.png) no-repeat left bottom; font-size:27px; padding-bottom:10px; padding-top:22px; overflow:hidden}
.wb_youshi b{color:#000000; font-size:27px; padding-left:120px; line-height:50px; }
.wb_youshi i{color:#0089e1; font-size:41px; padding-left:120px; font-weight:bold; line-height:35px;}
.wbys_tu{float:right; padding:0px; margin:0px; border:none;}



/*###################  新闻中心xinwen  ###################*/
.xinwen{width:1100px; height:auto; margin:0px auto; padding-top:20px; overflow:hidden;}
.khjz,.dongtai{width:47%; height:auto; float:left; overflow:hidden}
.dongtai{padding-left:6%}
.khjz_tit,.khjz_txt{width:100%; float:left; overflow:hidden}
.khjz_txt{padding-top:20px;}
.khjz_tit h3{color:#0089e1; font-size:22px; font-weight:bold; float:left; background:url(xinwen.png) no-repeat bottom left;}
.khjz_tit h3 span{font-size:15px; font-weight:100; font-family:Arial; text-transform:uppercase; line-height:35px;}
.khjz_tit a{background:#0089e1; float:right; color:#fff; padding:4px 12px; margin-top:30px; font-size:14px; border-radius:8px;}


.news_xw li{width:100%; height:auto; float:left; padding-top:7px;  border-bottom: 1px dashed #dbdbdb;}
.news_xw li img{ float:left; display:block;}
.news_xw li div{color:#353535; font-size:12px; float:right; width: 370px;}
.news_xw li div span{line-height:30px;}
.news_xw li div p a{color:#0089e1; font-size:16px;}

.news li{width:100%; height:auto; float:left; line-height:37px; background:url(new.png) no-repeat 0px 12px; border-bottom:1px dashed #dbdbdb; text-indent:18px;}
.news li a{color:#595959; font-size:14px;}
.news li span{float:right;}

/*###################  广告位guanggao  ###################*/

.guanggao h2{font-size:36px; color:#fff; padding-top:60px; padding-left:280px;}
.guanggao_l{font-size:22px; color:#fff; padding-left:295px; float:left; line-height:50px; padding-top:30px;}
.guanggao_r{font-size:16px; color:#fff; line-height:30px; float:left; font-weight:bold; padding-top:15px; padding-left:360px;}
.guanggao_r i{font-size:30px; color:#fff; line-height:35px;font-weight:bold;}
.guanggao1{width:100%; font-size:25px; font-weight:500; padding-left:405px; color:#fff; line-height:40px; padding-bottom:26px;}

/*###################  客户案例khal  ###################*/

.khal,khal_txt{width:1100px; margin:0px auto; margin-top:20px; overflow:hidden}
.scroll{width:1100px;color:#333333;float:left; overflow:hidden; text-align:center; font-size:14px;}
.scroll img{border:solid 5px #405266;margin:0 12px;}
.scroll a:hover img{border:solid 5px #0089e1;}
.scroll span{color:#000}

/*###################  底部导航dbdh  ###################*/
.dbdh{width:950px; padding-left:150px;}
.dbdh a{font-size:14px; color:#c1c0c0;  text-align:center; padding:0px 15px; line-height:55px;}

.dbnr{width:1100px; margin:0px auto; padding:20px 0px; overflow:hidden}
.dbnr_left{width:60%; float:left}
.dbh2 h2{background:url(dbdh.png) no-repeat left; font-size:16px; color:#fff; text-indent:16px; margin-top:12px; font-weight:100;overflow:hidden}

.youqing,.youqing li{width:auto; float:left; font-size:14px; line-height:30px; padding-top:5px;}
.youqing li a{color:#fff; padding:0px 18px 0px 0px ; word-wrap:break-word;}

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


.dbnr_right{width:39%; float:left; overflow:hidden}
.dbnr_right img{float:left; width:180px; height:181px; padding-right:12px; overflow:hidden;}


.lianxi h3{background:url(lianxi.png) no-repeat left top; font-size:20px; color:#fff; text-indent:16px; margin-top:12px; overflow:hidden}
.lianxi h3 span{color:#b5b5b5; font-size:20px; text-transform:uppercase; padding-left:16px; line-height:35px;}
.dbnr_right .lx_wenzi{font-size:14px; color:#fff; padding-left:16px; float:left; line-height:23px; overflow:hidden}


/*footer底部*/
#copyrights {width: 100%; background:#2d3e50; color: #b8c2c9; text-align:center; padding:12px 0px; margin:0px auto;font-size: 14px; border-top: 1px solid #405266;}


















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

.ny_side{width:246px; float:left;}
.ny_side_tit{width:100%; height:auto; background:#0089e1 url(ny_side.jpg) no-repeat bottom; float:left; position:relative; top:-25px; border-radius:8px 8px 0px 0px; padding-bottom:35px;}
.ny_side_tit h3{color:#fff; font-size:24px; text-indent:22px; padding-top:25px; font-family:微软雅黑; font-weight:100}
.ny_side_tit h3 span{color:#fff; font-size:14px; text-indent:22px; text-transform:uppercase; font-family:Arial; font-weight:100}
.ny_side_txt{width:246px; float:left; background:#0089e1; top:-25px; position:relative; padding-bottom:30px;}
.fenlei{ width:90%; margin:0px auto;background:#f6f6f6; display:block}
.fenlei li{height:50px; border-bottom:1px solid #cecece; display:block; line-height:50px; text-indent:16px;}
.fenlei li a{height:50px; display:block; font-size:16px; color:#272727;}
.fenlei li a:hover{color:#0089e1; background:url(ny_side1.jpg) no-repeat 6px 16px;display:block}
/*######  ny_main  ######*/

.ny_main{width:925px; float:right; padding-top:32px; padding-bottom:20px;}
.ny_main_tit{width:925px; height:40px; background:#405266 url(ny_main1.jpg) no-repeat 10px 12px; font-size:16px; color:#fff; line-height:39px; text-indent:25px;}
.ny_main_tit span{ float:right; font-size:12px; color:#fff; padding-right:12px; }
.ny_main_tit span a{font-size:12px; color:#fff; }
.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}

h4.title{ font-size:22px; text-align:center; color:#303030;}

ul.yueduliang{margin:0px auto; width:245px; padding-bottom:12px; overflow:hidden}
ul.yueduliang li{float:left; padding:0px 5px;}


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%; padding:20px 0px; overflow:hidden}
.xiangguan li{width:21%; height:230px; float:left; margin:0px 2%; background:#f3f3f3;}
.xiangguan li a{width:100%; height:230px; color:#212121; display:block; text-align:center; line-height:22px;}
.xiangguan li a:hover{background:#0089e1;color:#fff; display:block}
.xiangguan li img{width:100%; height:192px;}

.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.6%; float:left; border-bottom:1px dashed #ccc; color:#605f5f; margin: 0.7%;font-size:12px; overflow:hidden;}
.new_cate li a{line-height:22px; 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}

.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: 1px solid #ccd0d9;
    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: #dc2c2e!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; }
.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("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("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("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('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("carousel-prev-next.png") -15% 50% no-repeat }
ul.slidecontrols li a.next { background: #656d78 url("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: 11px;
}
.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(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%;
}

 /*banner*/
.fullSlide {width:100%;position:relative; float:left;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;overflow:hidden;text-align:center;background-position:center top; height:530px;}
.fullSlide .bd li a {display:block;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:50px;line-height:50px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul .on {background:#006ab8;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px; cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .hd ul li {cursor: pointer;display: inline-block; zoom: 1;width: 53px; height: 7px;margin: 5px;overflow: hidden;background: #fff;line-height: 999px;}

.cp{ margin-top:80px;}
.cp h2{text-align:center; color:#0089e1; font-size:36px;}
.cp h2 span{color:#c2c2c2;font-size:22px; font-family:Arial; text-transform:uppercase; font-weight:100; line-height:55px;}

.more{ width:130px; height:45px; background-color:#0089e1; margin-bottom:80px; text-align:center; line-height:45px; font-size:16px; margin:80px auto;border-radius:20px;overflow:hidden;}
.more a{ color:#FFF;}

/* about */
.about{
    height: 725px; width:100%;
    background: url(abo-bg.jpg) no-repeat center;
}
.about_b{ width:1200px; margin:0 auto;}
.abo-logo{
    padding-top: 79px;
    text-align: center;
}
.abo-tt{
    font-size: 30px;
    color:#fff;
    margin: 30px 0 25px;
    text-align: center;
}
.abo-infor{
    font-size: 13px;
    color:#e4e4e4;
    line-height: 24px;
    text-align: center;
}
.abo-link a{
    display: block;
    width: 154px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color:#fff;
    border: 1px solid #d7d7d7;
    margin: 45px auto 60px;
    transition: all .3s ease;
}
.abo-link a:hover{
    color:#333;
    background: #fff;
}
.abo-bd{
    padding: 0 64px;
    position: relative;
}
.abo-list{
    overflow: hidden;
}
.abo-list ul{
    position: relative;
    width: 1000%;
    margin-right: -20px;
}
.abo-list li{
    float: left;
    width: 253px;
    padding: 4px;
    padding-bottom: 0;
    margin-right: 20px;
    background: #fff;
    box-sizing: border-box;
}
.abo-pic{
    height: 163px;
    overflow: hidden;
}
.abo-pic img{
    width: 100%;
}
.abo-text{
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color:#333;
}
.abo-btn span{
    position: absolute;
    top: 50%;
    width: 44px;
    height: 42px;
    margin-top: -21px;
    border:1px solid #999;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: all .3s ease;
}
.abo-btn .abo-prev-btn{
    left: 0;
    background-image: url(abo-l.png) ;
}
.abo-btn .abo-next-btn{
    right: 0;
    background-image: url(abo-r.png) ;
}
.abo-btn span:hover{
    background-color: #999;
}
/* -- 内页 -- */
.header , .content { width:1200px; margin:0 auto;}
.left { width:300px; float:left; overflow:hidden;}
.left2 { width:785px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right { width:840px; float:right; display:inline; margin-left:24px; overflow:hidden; margin-bottom:40px;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:221px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top {  font-size:0; overflow:hidden;}
.rightbot { background:url(right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot {  font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main {float:right; width:840px; /* margin-bottom:30px; padding:20px;  border:solid 1px #d5d5d5; border:1px solid #d5d5d5; padding-bottom:15px; */overflow:hidden;}
.right_main p { line-height:30px; font-size:14px;}
.right2_main { width:273px;  padding-bottom:15px; overflow:hidden;}
.left2_main { width:783px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; overflow:hidden;}

.new_right_main { float:right; width:813px; /* margin-bottom:30px; padding:20px;  border:solid 1px #d5d5d5; border:1px solid #d5d5d5; padding-bottom:15px; */overflow:hidden;}
.new_right_main .ny_xw { line-height:30px;}
.new_right_main .ny_xw p{ font-size:14px;}
.new_right_main .ny_xw img { max-width:815px;}
.new_right_main .ny_xw li { height:45px; line-height:45px; border-bottom:1px dashed #CCCCCC;}
.new_right_main .ny_xw li span { float:right}


.topadcs{width:100%; margin:0 auto 25px;overflow:hidden; text-align:center;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a img{ display:block; margin:0 auto;}

/*圆角*/
.btyj {border-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}

/*---左侧导航--*/
.contactn{ width:221px; margin-top:10px;}
.contactn .tits{ background:url(tit1n.gif) repeat-x; height:32px; line-height:32px;padding-left:13px;color:#333;}
.contactn .tits a{color:#333;}
.contactn .subnr{ border:1px solid #ccc; border-top:0; background:#fff;padding:5px 9px; width:181px; overflow:hidden;}
.contactn .subnr p{ line-height:25px; overflow:hidden;}
.contactn .subnr span{ color:#333;}
.contactn .subnr h5{ padding-top:12px;  line-height:28px; overflow:hidden;}


.leib .tit{ background:url("a_b.gif") no-repeat; height:35px; line-height:35px; padding-left:13px; font-weight:bold; color:#FFF; font-size:14px}
.leib .tit a{ color:#FFF; }
.leib .tit a:hover{color:#FFF; }
.leib .nr { border:1px solid #dfdfdf; padding:12px 5px 10px 5px; background:#fff; }
.leib .nr h4 a{ font-weight:bold; color:#333; font-size:12px; padding-left:26px; height:24px; line-height:24px; display:block; margin-bottom:5px;}
.leib .nr .cur a { display:block; color:#008dcf;}
.leib .nr ul { padding-bottom:5px; border-bottom:1px dotted #8b8b8b; margin-bottom:7px;}
.leib .nr li a { display:block; padding-left:40px; background:url(ico003.gif) no-repeat 30px 10px; line-height:24px; height:24px; overflow:hidden}
.leib .nr h4{ background:#ccc;}






/*左侧联系方式*/
.leftcontact{ width:300px; min-height:300px; margin-top:25px; float:left;font-family:"Microsoft Yahei"; margin-bottom:30px;}
.left .leftlx_c ul li { width:191px;}
.leftlx_c h3{ font-size:18px; color:#000; height:46px; line-height:46px; color:#fff; background-color:#0089e1; width:100%; text-align:center;}
.leftlx_c span{ display:block; background:url(t_phox.png) no-repeat 0 center; font-size:12px; color:#666; padding-left:50px; margin:0 0 15px 20px;}
.leftlx_c span b{ display:block; font-size:18px; color:#000;}
.leftlx_c ul{ padding:0 20px; background-color:#f8f8f8; margin-top:15px;}
.leftlx_c li{ font-size:14px; color:#333; margin-bottom:5px; border-bottom:1px dashed #CCCCCC; line-height:35px; height:35px;}
.leftlx_c li em{ display:block; font-size:14px; width:60px; float:left; font-weight:bold; margin-bottom:5px;}
.leftlx_c p img { width:225px;}

/* -- 当前位置 -- */
.plc { float:right; width:775px; height:45px; line-height:35px;  padding:0 40px 0 0; margin-bottom:20px; position:relative; color:#666; overflow:hidden; background-color:#f8f8f8; border-left:#0089e1 3px solid;}
.plc span { padding-left:18px; line-height:45px; font-size:15px;}




/* -- 翻页效果 -- */
.apage { height:30px; line-height:40px;margin-bottom:10px; float:right; width:96%; border-top:1px solid #ccc; letter-spacing:2px; padding:0 5px; margin-top:10px; font-size:14px; text-align:right; }
.apage a {   margin-right:5px;}
.apage .num_btns {float:right;}
.apage a:hover, .apage .cur { color:#0089e1; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage .oran_pg_fp { background:url(first_page.gif) 4px 4px no-repeat; padding-right:9px;}
.apage .oran_pg_pp { background:url(pre_page.gif) 4px 4px no-repeat; padding-right:5px;}
.apage .oran_pg_np { background:url(next_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage .oran_pg_lp { background:url(last_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage select { font-size:8px;}
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }



/*------图片模板-------*/

.ny_tp .dlh_2{ width:255px; float:left;padding:1px 0 0 25px; margin-top:10px;}
.ny_tp .dlh_2 dt img{ border: 1px solid #ccc;display: block;height: 172px;padding: 5px;width: 242px;}
.ny_tp .dlh_2 dd{ display: block; font-size: 14px; line-height:30px; text-align: center;}
.ny_tp .dlh_2 dd a{ color:#3a3a3a;}
.ny_tp .dlh_2:hover dt img{ border: 1px solid #0089e1; transition:0.8s;}
.ny_tp .dlh_2:hover dd a{ color:#0089e1; transition:0.8s;}

.ny_tp .dlh_3{ width:255px; float:left;padding:1px 0 0 25px; margin-top:10px;}
.ny_tp .dlh_3 dt img{ border: 1px solid #ccc;display: block;height: 143px;padding: 5px;width: 242px;}
.ny_tp .dlh_3 dd{ display: block; font-size: 14px; height:60px; line-height:65px; text-align: center;}
.ny_tp .dlh_3 dd a{ color:#3a3a3a;}
/*------新闻栏目-------*/

.ny_xw .dl_xw { width:100%; float:left; border-bottom:1px dashed #999999;}
.ny_xw .dl_xw dt { height:40px; line-height:40px; float:left;}
.ny_xw .dl_xw dt a { width:545px; display:block; float:left; color:#555555; font-size:15px;}
.ny_xw .dl_xw dt span { width:100px; float:right; text-align:right; margin-right:5px;}
.ny_xw .dl_xw dd { line-height:28px; color:#666}
.ny_xw .dl_xw dd a { float:right; display:block; padding:0 10px; margin-top:8px; color:#555555; font-size:14px;}
.ny_xw .dl_xw dd a:hover{ color:#0089e1;}
.ny_xw .dl_xw:hover a{ color:#0089e1;}
/*------新闻栏目-------*/
#zlxz { width:100%; float:left; }
#zlxz li { width:100%; float:left; height:40px; line-height:40px; font-size:14px; font-weight:bold; border-bottom:1px dashed #CCCCCC;}
#zlxz a { color:#008DCF;}
#zlxz span { width:350px; float:left;}
#zlxz em { width:300px; float:right; text-align:right}
/*-------产品展示-------*/

.ny_cp .dl_42{ height:248px ; margin-bottom:30px; }
.ny_cp .dl_42 dt{width:384px; float:left;}
.ny_cp .dl_42 dt a{width:380px; height:245px;  padding:1px; border:1px solid #E8E8E8; display:block;}
.ny_cp .dl_42 dt a:hover {border:1px solid #008dcf;}/*图片边框,点击时的状态*/
.ny_cp .dl_42 dt img{  display:block;width:380px; height:245px;}
.ny_cp .dl_42 dd { border:1px solid #E8E8E8;background:#E8E8E8; width:392px; height:248px; float:left; margin-left:10px;}
.ny_cp .dl_42 dd .g_r {width:390px; height:246px; border:1px solid #FFF;}
.ny_cp .dl_42 dd .g_r p{ margin-top:15px; margin-left:22px; width:355px; height:203px; overflow:hidden; font:12px/26px "Microsoft Yahei"; color:#21242d;}
.ny_cp .dl_42 dd .g_r p a{ font:bold 18px/35px "Microsoft Yahei"; color:#008DCF; display:block; border-bottom:1px solid #CCC; padding-bottom:10px;}
.ny_cp .dl_42 dd em { display:block; width:120px; float:right; margin-right:15px; text-align:right;}

/*-------三级页面-------*/
.ny_sj img { display:block; margin:0 auto;}
.nybt {width: 100%;height: 36px;font-size: 22px;display: inline-block;text-align: center;color: #0089e1;}
.nysj {width: 100%;height: 35px;line-height: 25px;border-bottom: 1px dashed #CCC;color: #666;font-size: 14px;display: inline-block;text-align: center; margin-bottom:10px;}


/*------图片模板-------*/

.ny_wh .dlh_2{ width:243px; float:left;padding:1px 10px 0; margin-top:10px;}
.ny_wh .dlh_2 dt img{ border: 1px solid #ccc;display: block;height:308px;padding: 5px;width: 232px;}
.ny_wh .dlh_2 dd{ display: block; font-size: 14px; height:60px; line-height:65px; text-align: center;}
.ny_wh .dlh_2 dd a{ color:#3a3a3a;}


#case_footer {background:#f5f4f4;border-top: 1px solid #d8d9d8;padding: 15px 0;}
#case_footer .showother {height: 20px;line-height: 20px;}
#case_footer .showother .previous {float:left;}
#case_footer .showother a {color: #666;height: 20px;line-height: 20px;}
#case_footer .showother .backlist {background: url(sprite_arrows.png) no-repeat 0 -40px;left: 50%;margin-left: -20px;overflow: hidden;
text-indent: -9999px;width: 20px;position: absolute;top: 0;display: block;}
#case_footer .showother .backlist a {display: block;}
#case_footer .showother .backlist:hover {background-position: -20px -40px;}
#case_footer .showother .next {float:right;}
#case_footer .wrapper .prev a, #case_footer .wrapper  .nexts a {display:block;height:31px;line-height:27px;}
#case_footer .prev:hover, #case_footer .nexts:hover {background:url(next.png);color:#fff;}
#case_footer .wrapper .prev a, #case_footer .wrapper  .nexts a {display:block;height:31px;line-height:27px;}
#case_footer .wrapper .prev a:hover, #case_footer .wrapper  .nexts a:hover {background:url(next.png);color:#fff;}
#case_footer .wrapper .prev {float:left;}
#case_footer .wrapper .nexts {float:right;}
.prev, .nexts {width:110px;height:31px;text-align:center;line-height:27px;}
.prev, .nexts {background:url(previous.png)}



/*---下图片and新闻--*/
.RandomNews {background-color:#fff; margin-bottom:30px; float:right; width:813px; margin-top:30px;}
.diysr{ background-color:#0089e1;height:30px;line-height:30px;padding:5px 15px;color: #fff;font-size: 18px; font-weight:bold;}
.diysr em{ color:#fff; text-transform:uppercase;}
.diysr a{color:#008dcf;font-weight:bold;}
.diysr a:hover,.tit a:hover{text-decoration:underline;}
.news_random{width:833px; margin-top:15px; height:190px; overflow:hidden; background-color:#f8f8f8;}
.news_random li{ height:35px;line-height:35px; width:350px; float:left;overflow:hidden; border-bottom:#CCC 1px dashed; margin-left:19px; margin-right:20px;}
.news_random li a{ font-size:15px; display:block;}
.news_random li:hover a{ color:#0089e1;}

.news_random dl.pd_list_dl{ padding:10px 19px;}


/*-----新闻-----*/
.nr{overflow:hidden; border:1px solid #dbdbdb; border-top:0; background:#e8e8e8;}
.nr h4{ height:59px; overflow:hidden; border-top:1px solid #d0d0d0; color:#FFF; font:16px/58px "Microsoft Yahei"; }
.nr h4 a{ display:block;color:#fff;height:59px;font:16px/58px "Microsoft Yahei"; padding-left:44px;}
.nr h4 a:hover , .nr h4.cur a {text-decoration:none; color:#fff;}
.nr ul{padding:0 15px;}
.nr li{background: url("ys_p.png") no-repeat 3px center ; padding-left: 18px; color: #666;line-height: 29px; overflow: hidden;white-space: nowrap; height:29px;border-bottom:1px dashed #DEDEDE}
.nr li a{}
.nr li.cur a{ color:#008dcf;}
.nr_bg { background:#008DCF; border-bottom:3px solid #0171A5}


/*导航*/
.left1{ float:left; width:300px;}
.left{}
.left ul{ display:table; width:100%;}
.left ul li{ display:table; width:100%; background-color:#f8f8f8; border-bottom: 1px dashed #CCCCCC;}
.left ul h3{ width:100%; background:url(side1.jpg) center no-repeat; height:60px; background-color:#0089e1;border-radius: 12px 12px 0px 0px; margin-bottom:5px;}
.left ul h3 strong{ display:block; line-height:60px; font-size:22px; color:#fff; text-align:center;}
.left ul h3 small{ display:block; margin:5px 0 0 34px; color:#FFF; text-transform:uppercase;}
.left ul li a{ display:block; width:300px;margin:0 auto;height:46px; text-align:center;}

.left ul li a font{ display:inline-block; line-height:46px; width:300px; font-size:16px; color:#000;}
.left ul li a:hover{color:#fff;}
.left ul li a:hover span{ }
.left ul li a:hover font{ color:#fff;background-color:#0089e1;}

.left ul li .on a{color:#fff; }
.left ul li .on span{color:#fff;}
.left ul li .on font{ background-color:#0089e1; color:#FFF;}

/*------------------联系我们----------------------*/

.aboutus{ width:100%; display:table;}
.aboutus ul{ width:100%; margin-left:30px; margin-bottom:50px; margin-top:57px; display:table;}
.aboutus ul li{ float:left; padding-left:35px;  height:85px; border-right:1px solid #DEE4EE;}
.aboutus ul li p{ margin-top:10px; color:#828181;}
.aboutus ul li p span{ color:#363636;}
.aboutus ul .com1{ width:300px;}
.aboutus ul .com2{ width:240px;}
.aboutus ul .com3{ border:none;}
.aboutus .maps{ width:100%; margin-top:60px; padding-bottom:40px; height:340px;}


/*------------------产品详情页----------------------*/

.n_xq {width:100%; height:260px; float:left;  border-bottom:1px solid #ccc;}
.n_xq dl { }
.n_xq dl dt { width:365px; height:250px; float:left;}
.n_xq dl dd { width:400px; float:right;}

.n_xq dl dd li { width:100%; height:45px; line-height:45px; float:left; border-bottom:1px solid #CCC;}
.n_xq dl dt img { width:355px; height:230px; padding:3px; border:1px solid #CCC;}


/*------------新加---------------------------*/

.usimg img { display:block; margin:0 auto}
.lxbg { height:249px; background:url(lxbg.jpg) no-repeat right top}