/* 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;

}



#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;

    color: #282828;

    font-family: 'Roboto', Arial, Verdana;

    font-weight: 400;

    -webkit-font-smoothing: antialiased;

    overflow-x: hidden;

    font-size:14px;

    line-height:26px;

}

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}









 /*--------------------------------------------------------------------------------------*/

/*### 开始  ###*/

.qingchu{width:100%; height:1px; margin:0px auto; overflow:hidden;}



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



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



.side{width:256px; float:left;}

.side_tit{ width:256px; height: auto; background: #1967f5; float: left; /*border-radius:12px 12px 0px 0px;*/ position: relative; top: -20px; border-bottom: 5px solid #1051c6; padding-bottom: 25px; }

.side_tit h3{color:#fff; font-size:24px; text-align:center; padding-top:30px; font-family:微软雅黑; font-weight:800}

.side_tit h3{ color:#fff;}

.side_tit h3 span{color:#fff; font-size:18px; font-weight:normal; }

.side_txt{ width: 254px; float: left;/* background:#686868;*/ background: #F7F7F7; top: -20px; position: relative; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }

.liebiao{ width:98%; margin:0px auto; display:block; padding-bottom:10px;}

.liebiao li{height:40px; background:url(../images/liebiao.png) no-repeat bottom; display:block; line-height:40px; text-indent:28px;}

.liebiao li a{ height: 40px; display: block; font-size: 15px; color: #06C; /*color: #fff; */ background: url(../images/left_pro_arr.png) no-repeat 10px center; font-weight: 600; }

.liebiao li a:hover{ height: 40px; color: #000; background: url(../images/left_pro_arr1.png) no-repeat 10px; display: block; font-weight: 600; }





.liebiao .erjifl{padding-left:15px; width:220px;}

.liebiao .erjifl li{ height: 49px; display: block; line-height: 49px; text-indent: 10px; background:none; border-bottom: 1px dashed #797979; overflow: hidden;}

.liebiao .erjifl li a{ display: block; font-size: 13px; color: #666666; background: url(../images/nav-arrow.png) no-repeat left 20px; font-weight: normal; }

.liebiao .erjifl li a:hover{ height: 30px; color: #06C; background: url(../images/nav-arrow1.png) no-repeat left 20px; display: block ; font-weight:600;}

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



.main{width:924px; height:auto; float:left; padding-top:20px;  padding-left:20px; overflow:hidden}

.main_tit{width:920px; height:40px; background:#1967f5 ; font-size:16px; color:#fff; line-height:40px;}

.main_tit .remengjc{ background:#686868; color:#fff; float:left; font-size:16px; padding-left:10px;}

.main_tit .a_rmgjc a{color:#fff; padding:0px 8px; font-size:14px;}

.main_tit .rmgjc_title{float:right; padding-right:4px}

.main_tit .rmgjc_title a{color:#fff; font-size:16px;}

.main_txt{width:907px; height:auto; padding-top:20px;  overflow:hidden}

.main_txt .main_gdtp{height:1046px;width:928px; padding-left:6px; overflow:hidden}

.main_txt .main_gdtp .guntu_top{width:227px; 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: 214px; height: 172px; overflow: hidden; text-align: center;border:1px #eaeaea solid;}



.main_txt .main_gdtp .guntu_top ul .li1 img{width: 180px; height: 140px;  margin:3px; border:14px #fff solid;border-radius:30px;}

.main_txt .main_gdtp .guntu_top ul .li2:hover { background:#686868; color:#fff; display:block; font-weight:600; }

.main_txt .main_gdtp .guntu_top ul .li2{width:218px; height:34px; text-align:center; line-height:34px; overflow:hidden;background:#fff; color:#686868; overflow:auto; font-size:14px;}
.post-intro img{max-width:100%}




/*SEARCH BEG*/

.search { float: left; width: 160px; height: 29px; margin-right: 6px; background: url(../images/search.png) no-repeat center center; margin-top:2px; }



.search span { color: #fff; padding-left: 18px; line-height: 29px; }



.search input { width: 140px; font-size: 14px; color: #fff; float: left; padding:0; margin: 0; border-radius: 0px; height: 28px; line-height: 28px; text-indent: 15px; }



.search-btn { float: right; background: url(../images/search-bg.png) no-repeat center center; width: 20px; height: 28px; cursor: pointer; border: 0; border-radius: 0px; padding: 0; margin: 0; }

.search-btn:hover { }



input.search-field { float: left; position: relative; padding:0; margin:0; border-radius: none;}





/*SEARCH END*/



/*###################  优势youshi  ###################*/

.youshi_bj{width:100%;background:url(../images/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 20px;}

.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:#ed5564}



.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:#ed5564}



.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:#ed5564}

div.h4{font-size:9px; color:#aeaeae; text-transform:uppercase;line-height:1px; font-weight:100; font-family:Arial;}

h5.h5{color:#ed5564; 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:#ed5564}



.wb_youshi{width:50%; float:left; background:url(../images/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:#ed5564; font-size:41px; padding-left:120px; font-weight:bold; line-height:35px;}

.wbys_tu{float:right; padding:0px; margin:0px; border:none;}





/*###################  简介jianjie  ###################*/

.jianjie_tu{width:100%;background:url(../images/jianjie.png) no-repeat center top; overflow:hidden}

.jianjie{width:66%; float:right; overflow:hidden}

.jianjie h2{font-size:22px; color:#fff; font-weight:bold; padding-top:107px;}

.jianjie h5{font-size:12px; color:#fff; font-family:Arial; font-size:13px; text-transform:uppercase; line-height:35px;}

.jianjie h6{font-size:12px; color:#fff; line-height:28px; font-family:'微软雅黑'; text-indent:25px; padding-top:10px;}

.jianjie p a{color:#686868; font-size:18px; font-weight:bold; line-height:50px; padding-left:26px;}

.jianjie div{text-align:right; font-weight:bold; font-size:27px; line-height:28px; color:#fff;}



/*###################  资质荣誉rongyu  ###################*/



.rongyu{width:1200px; height:auto; margin:0px auto; padding-top:20px; overflow:hidden}

.rongyu h2{ text-align: center; color: #1967f5; font-size: 22px; line-height: 45px; background: url(../images/index_line.jpg) no-repeat center bottom; margin-bottom:10px; }

.rongyu h3{color:#686868;font-size:18px; font-family:Arial; text-transform:uppercase; font-weight:100; text-align:center; margin-bottom:20px;}

.rongyu_txt{width:1200px; height:auto; padding-bottom:12px; margin:0px auto; overflow:hidden}

.rongyu_txt1{width:1200px; height:auto; padding-top:20px; border:1px solid #fff; border-top:none; padding-bottom:12px; margin:0px auto; overflow:hidden}

.ry_deom{overflow:hidden;height:auto;width:1200px; margin: 0px 12px 0px 12px; text-align:center}



/*###################  新闻中心xinwen  ###################*/

.xinwen{width:1200px; height:auto; margin:0px auto; padding-top:20px; overflow:hidden}

.khjz{width:56%; height:auto; float:left; overflow:hidden}

.dongtai{padding-left:4%;width:40%; height:auto; float:left; overflow:hidden}

.khjz_tit,.khjz_txt{width:100%; float:left; overflow:hidden}

.khjz_txt{padding-top:20px;}

.khjz_tit h3{ color: #1967f5; font-size: 18px; float: left; background: url(../images/index_news01.jpg) no-repeat left center; line-height: 45px; text-indent: 30px; }

.khjz_tit_1 h3{ color: #1967f5; font-size: 18px; float: left; background: url(../images/index_news_02.jpg) no-repeat left center; line-height: 45px; text-indent: 30px; }

.khjz_tit h3 span,.khjz_tit_1 h3 span{font-size:18px; font-weight:100; font-family:Arial; text-transform:uppercase; line-height:35px; color:#000;}

.khjz_tit a,.khjz_tit_1 a{ background: #686868; float: right; color: #fff; line-height: 26px; padding: 0px 15px; margin-top: 10px; font-size: 12px; border-radius: 15px; text-transform: uppercase; }





.news_xw li{width:100%; height:auto; float:left;}

.news_xw li div{color:#353535; font-size:12px; width:388px; height:160px; float:right; display:block;}

.news_xw li div span{line-height:30px;}

.news_xw li div a h2{color:#686868; font-size:14px;width:100%; }

.news_xw li div:hover{color:#000;}

.news_xw li div #jiantou{ background: url(../images/jt01.png) no-repeat; height: 9px;  margin-top: 10px; margin-bottom: 10px; width:100%; display:block; }



.news_xw li div #jiantou:hover{background: url(../images/jt02.png) no-repeat;   }

/**/



.news_list li{width:668px; float:left;overflow: hidden; padding:0; margin-bottom:6px;}

.news_list li .date{ width: 60px; height: 44px; background: #a2a1a1; color: #fff; display: inline-block; float: left; text-align: center; font: 800 28px Tahoma, Geneva, sans-serif; padding:4px 0px 12px 0px;}

.news_list li .date em{ display: block; text-align: center; font: normal 14px Tahoma, Geneva, sans-serif; }

.news_list li div{ margin:0px auto;color: #999;font-size: 13px;line-height: 28px; overflow:hidden}

.news_list li div  a {display: block;font-size: 14px; color: #333; font-weight:bold;  line-height:28px;}

.news_list li:hover span,.news_list li:hover span em{background:#1967f5; color:#fff}

.news_list li:hover div,.news_list li:hover div a{background:#f0f0f0; color:#000}





/**/



.news li{ width: 100%; height: auto; float: left; border-bottom: 1px dashed #dbdbdb; }

.news li a{color:#595959; font-size:14px;}

.news li span{float:right;}

/* 问答 */

.wenda li{ width: 100%; height:80px; float: left; border-bottom: 1px dashed #dbdbdb; clear:both; margin-bottom:10px;  }

.wenda li span{float:right;}

.wenda li h2{ font-size: 14px; line-height: 30px;height:30px; color: #000; font-weight: 600; background: url(../images/wen.gif) no-repeat left center; padding-left:40px; }

.wenda li h2 a{color:#686868; font-size:16px;}

.wenda li h3{ font-size: 14px; line-height: 24px; height:50px; background: url(../images/da.gif) no-repeat left center; padding-left:40px; font-weight: normal;  }

.wenda li h3 a{color:#c3c3c3; font-size:14px;}

.wenda li h2:hover{color:#1967f5;}

.wenda li h3:hover{color:#1967f5;background: url(../images/da1.gif) no-repeat left center;  }

/*###################  广告位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:90px;}

.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 #686868;margin:0 12px;}

.scroll a:hover img{border:solid 5px #ed5564;}

.scroll span{color:#000}



/*###################  底部导航dbdh  ###################*/

.dbdh{width:950px; padding-left:150px; color:#fff; }

.dbdh a{font-size:16px; color:#fff;  text-align:center; padding:0px 15px; line-height:55px;}



.dbnr{ width: 1200px; margin: 0px auto; padding: 20px 0px; overflow: hidden; background: url(../images/foot_bj.jpg) no-repeat center top; }

.dbnr_left{width:60%; float:left;background: url(../images/sao.jpg) no-repeat left top;}

.dbh2 h2{background:url(../images/dbdh.png) no-repeat left; font-size:16px; color:#fff; text-indent:16px; margin-top:12px; font-weight:100;overflow:hidden}

#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:350px; float:right; overflow:hidden;}

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





.lianxi h3{ background: url(../images/dbdh.png) no-repeat left top; font-size: 20px; color: #fff; text-indent: 16px; margin: 12px 0; 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:18px; color:#fff; padding-left:16px; float:left; line-height:23px; overflow:hidden; font-weight:400; line-height:40px;}





/*footer底部*/

#copyrights {width: 100%; background:#282828; color: #fff; text-align:center; padding:12px 0px; margin:0px auto;font-size: 14px; border-top: 1px solid #686868;}

#copyrights a{ color:#fff;}



#liuliangxx >*{color:#fff;}

































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



.ny_side{width:256px; float:left;}

.ny_side_tit{width:100%; height:auto; background:#ed5564 url(../images/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:256px; float:left; background:#ed5564; 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:#ed5564; background:url(../images/ny_side1.jpg) no-repeat 6px 16px;display:block}

/*######  ny_main  ######*/



.ny_main{width:915px; float:right; padding-top:32px; padding-bottom:20px;}

.ny_main_tit{width:915px; height:40px; background:#686868 url(../images/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:915px; height:auto; padding-top:20px; line-height:30px;}

.item-wrapp .portfolio-item {width: 208px;height: 188px; overflow:hidden;margin:2px; background:#fff;border:4px #fff solid; }

.item-wrapp .portfolio-item img{width:208px;height: auto ;  }



.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:#1967f5;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:#1967f5;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;    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;}

.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; color: #666; }

.portfolio-item-title:hover {text-decoration: none;color: #fff!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.9;-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: 20px!important }

.blog-item { border-radius: 4px }

.portfolio-item a.item-permalink,

.blog-item a.item-permalink {/*background: rgba(25,103,245,0.75);*/ position: absolute;top: 40%;left: -50px;z-index: 120; border-radius: 30px; padding: 6px 15px;}







.portfolio-item a.item-preview,

.blog-item a.item-preview {

    padding: 6px 15px;

    background: rgba(25,103,245,0.75);

    position: absolute;

    top: 40%;

    right: -50px;

    z-index: 121;

    border-radius:30px;

}

.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: #1967f5 }

.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: #fff }

.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;font-size: 14px;   }

.permalink h4:hover{ color:#000;}

.permalink h4 span a{ float:right;font-size: 14px; color:#c3c3c3; }

.permalink a { color: #000; -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; font: 700 28px Roboto; }

.permalink a:hover { text-decoration: none }

.media-holder {

    float: left;

    width: 100%;

    margin-bottom: 30px;

    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: #1967f5; 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 { background:#F00;!important;

    color: #FFF!important;

    text-decoration: none;

    border-bottom: none;

    font-size: 11px;

}

.button.color-alt:hover {

    background: #000!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%;

}

/*首页公司简介*/

#abcontainer{ width: 100%; background: url(../images/index_about_bj.jpg) no-repeat; height: 394px; background-size:100% 100%; padding:60px 0; }

#abcontainer .container #shipin{ width: 490px; float: left;  height: 388px; }

#abcontainer .container #aboutcon{ float:right; width:696px;}

#abcontainer .container #aboutcon h2{ font-size:25px; font-weight:800; color:#fff; letter-spacing:1px;}

#abcontainer .container #aboutcon h3{ font-size: 18px; font-weight: normal; color: #9bb7f5; text-transform: uppercase;letter-spacing:1px; line-height:40px; }

#abcontainer .container #aboutcon h4{ width:63px; height:3px; background:#acc7f5; margin-bottom:20px;}

#abcontainer .container #aboutcon p{ font-size: 14px; line-height: 30px; font-weight: normal; color: #FFF; text-indent: 2em; }



/*more+*/

/* Sweep To Right */

.hvr-sweep-to-right { margin-top:20px; height: 25px; width: 100px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; text-align:center; line-height:25px; font-size: 14px; text-transform: uppercase; border: 1px solid #FFF; }

.hvr-sweep-to-right{ color:#fff;}

.hvr-sweep-to-right:before { height: 25px; width: 100px; content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;line-height:25px; font-size: 14px; text-transform: uppercase; color:#1967f5; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {

  color:#1967f5; font-weight:600;

}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}



/*more+ end*/

/*list_news*/

.inews li {clear: both; border-bottom: 1px dotted #CCC; font-size: 14px; line-height: 37px; font-weight: normal; background: url(../images/sidebar-nav.png) no-repeat 2px center; text-indent: 15px; height:37px; overflow:hidden }

.inews li span { color: #666; float: right; font-size: 12px;font-weight: normal; }

.inews li a{ color:#666;}

.inews li:hover{ background: #f9f9f9 url(../images/liebiao1.png) no-repeat left center; text-indent: 20px; }

.inews li a:hover{color: #000;}

.side_xtit{ width: 100%; height:45px; background: #1967f5; float: left; /*border-radius:12px 12px 0px 0px;*/ border-bottom: 5px solid #1051c6; line-height:45px;color:#fff; text-align:center;  font-size:24px;  font-weight:800}

.side_xtit h3{color:#fff; font-size:24px; text-align:center;  font-family:微软雅黑; font-weight:800}

.side_xtit h3{ color:#fff;}

.side_xtit h3 span{color:#fff; font-size:18px; font-weight:normal; }

.xcon{ background:#FFF; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; padding:6px; }



.left_lm li { clear: both; border-bottom: 1px solid #CCC; font-size: 16px; line-height: 37px; font-weight: 800; background: url(../images/multipage.gif) no-repeat 2px center; text-indent: 35px; }

.left_lm li span { color: #666; float: right; font-size: 12px;font-weight: normal; }

.left_lm li a{ color:#666;}

.left_lm li:hover{ background: #f9f9f9 url(../images/lm_arr.gif) no-repeat left center; text-indent: 40px; }

.left_lm li.current{ background: #f9f9f9 url(../images/lm_arr.gif) no-repeat left center; text-indent: 38px;color: #1967f5;}

.left_lm li.current a{color: #1967f5;}

.left_lm li a:hover{color: #1967f5;}





/**/

.page1 {

    text-align: center;

    margin: 30px 0;

    color: #666;

    font-size: 12px;

}.pageing .list_no dt, .pagination {

    display: inline-block;

    margin-right: 24px; margin-top: 20px; 

}.pageing .list_no dd, .pagination li {

    display: inline-block;

    margin-right: 6px;

}.pageing .list_no dd a, .pagination li a {

    display: inline-block;

    font-size: 12px;

    padding: 2px 13px;

}.pagination .active {

    color: #fff;

}.pagination .active a {

    color: #fff;

    background: #0066e4;

}.pageing .list_no dd a, .pagination li a {



    border: 1px #d5d5d5 solid;

  

}