.container {
  padding-right: 12px;
  padding-left: 12px;
}
.container-fluid {
  padding-right: 12px;
  padding-left: 12px;
}
.row {
  margin-right: -12px;
  margin-left: -12px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 12px;
  padding-left: 12px;
}

*{-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;}
body{ background:#fff; color:#646464;font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;   }
html, body {
-ms-overflow-style: scrollbar;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; 
}
.container img{ max-width:100%;}

a{ color:#383838;}
a:hover{ text-decoration:none;color:#09c; }
.header{  z-index:30; width:100%; padding-bottom:15px; background:#fff url(../images/headbg.gif) repeat-x 0 bottom;}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
	position:relative;
	
}
#navbar{text-align:center; float:right; margin-top:40px; width:calc(100% - 230px)}
.navbar .container{ position:relative; z-index:10;}
.navbar-header{ position:relative; float:left;}

.navbar-default {
    background-color:transparent;
    border-color: transparent;
	border:0;
}
.navbar-brand {
	height:auto;
	padding:5px 10px;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-toggle {
    position:absolute;
	right:0;
	margin-right: 5px;
    padding: 0 0;
	top:50%;
    background-color: transparent;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 0;
	margin-top:-7px;
}

.main_menu {min-height:30px;padding:0; margin:0 0 ; width:auto; display:inline-block;  }
.main_menu li{ list-style:none; padding:0; margin:0;}

.main_menu li{ float:left; position:relative; margin-left:20px;}
.main_menu li a{ display:block; line-height:30px; padding:0 15px 15px; color:#333; float:left; font-size:15px; font-weight:bold; box-sizing:border-box; }
/*.main_menu li span{ display:block; width:2px; height:38px; float:left;}*/
.main_menu li a:hover{ text-decoration:none; color:#258dcc; }
.main_menu li.active a,.main_menu li a.now{ color:#258dcc; }
.main_menu li:first-child a{ margin-left:-1px;}
.main_menu li > ul{ position:absolute; left:0; top:99%; min-width:180px; background:#fff; margin:0; padding:10px 0; border-top:2px solid #258dcc; display:none; box-shadow:0 3px 3px #999;}
.main_menu li > ul > li{ margin-left:25px; height:auto; float:none; width:100%; display:block; padding:3px 0;}
.main_menu li > ul > li a{ padding:0; line-height:22px; float:none; font-size:14px;}
.main_menu li:hover > ul{ display:block;}

.topLanguage{ float:right; position:relative; display:inline-block; top:45px; cursor:pointer; padding-bottom:10px;  }
.topLanguage i{ color:#888; font-size:16px;}
.innerbox{ position:absolute; top:99%; left:50%; margin-left:-40px; background:#f0f0f0; border-radius:5px; text-align:center; width:auto; padding:5px 15px; display:none; border:1px solid #e0e0e0; font-size:13px;}
.innerbox a.active{color: #258dcc;}
.innerbox a,.innerbox span{ display:block;}
.innerbox a{ color:#333; white-space:nowrap;}
.innerbox span{ width:50px; height:0; border-bottom:1px solid #ccc; margin:5px auto;}
.innerbox:before{ position:absolute; top:-12px; left:50%; margin-left:-5px; content:""; width:0; height:0; border-width:6px; border-style:solid; border-color:transparent transparent #e0e0e0 transparent; }
.topLanguage:hover i{ color:#e60012;}
.topLanguage:hover .innerbox{ display:block;}

.searchtop{ float:right; position:relative; display:inline-block; top:45px; cursor:pointer; padding-bottom:25px; padding-left:20px; margin-left:20px; }
.searchtop i{ padding-right:5px; color:#383838;}
.searchtop .searchBox{ position:absolute; top:100%; left:auto; right:0; border:1px solid #ccc; background-color:#fff; width:270px; display:none;}
.searchtop .st{ border:0 solid #ccc; background-color:transparent;  height:40px; line-height:40px; vertical-align:middle; padding:0 10px 0 10px; width:220px; color:#7e7f84;}
.searchtop:hover .searchBox{ display:block;}

/* Bootstrap Carousel Fade Transition  start */
       .carousel-fade  .carousel-inner .item {
            transition-property: opacity;
        }

        .carousel-fade  .carousel-inner .item,
        .carousel-fade  .carousel-inner .active.left,
        .carousel-fade  .carousel-inner .active.right {
            opacity: 0;
        }

       .carousel-fade  .carousel-inner  .active,
       .carousel-fade  .carousel-inner  .next.left,
        .carousel-fade  .carousel-inner .prev.right {
            opacity: 1;
        }

       .carousel-fade  .carousel-inner  .next,
        .carousel-fade  .carousel-inner .prev,
        .carousel-fade  .carousel-inner .active.left,
        .carousel-fade  .carousel-inner .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }

   .carousel-fade .carousel-control {
        z-index: 2;
    }

/* Bootstrap Carousel Fade Transition end */

#carousel-index .item{ background-position: center center; background-size:cover;  background-color:#888;}
#carousel-index .item{text-align:center; }
#carousel-index .item img{ padding:0 0 0 0; margin:0 auto;}



.carousel-indicators {
	z-index:20;
   
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    text-indent:0;
    border: 0 solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    background-color:#6d6a68;
	text-align:center;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-color: #0a8166;
}

/*.carousel-control{ 
position: absolute;
top:auto;
display: block;
margin-bottom: -30px;
background-color: rgba(0,0,0,0.3);
text-indent: -9999px;
overflow: hidden;
height: 60px;
width: 40px;
background-repeat: no-repeat;
z-index:1000;}
.carousel-control.right{
bottom: 50%;
right: 0;
background-image: url(../img/banner-fy.png);
background-position: center bottom;	
}
.carousel-control.left {
    bottom: 50%;
    left: 0;
    background-image: url(../img/banner-fy.png);
    background-position: center top;
}*/
.appblock{ padding:30px 0;}
.section-header{ text-align:center;}
.sbt{ font-size:42px; text-transform:uppercase; margin-bottom:10px; color:#383838}
.sbt.bbline{ padding-bottom:20px; background:url(../images/guanyu_09.png) no-repeat 0 bottom;}
.sdes{ font-size:24px; margin-bottom:20px;}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 30px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-prev{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); left:-40px; width:19px; height:53px; text-indent:-9999px; overflow:hidden; background:url(../images/xijiantou.png) no-repeat 0 0 !important; transition:none;}
.owl-next{ position:absolute; top:50%; -webkit-transform: translateY(-50%);
transform: translateY(-50%); right:-40px; width:19px; height:53px; text-indent:-9999px; overflow:hidden; background:url(../images/xijiantou.png) no-repeat -19px 0 !important;transition:none;}
.owl-prev:hover{  background:url(../images/xijiantou.png) no-repeat 0 -53px !important; }
.owl-next:hover{  background:url(../images/xijiantou.png) no-repeat -19px -53px !important; }
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 8px;
	height: 8px;
	margin: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:#b3b3b3;
	border:0 solid #ffaa00;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background-color: #6d6d6d;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-carousel-factory .owl-controls .owl-page span{
	display: block;
	width: 8px;
	height: 8px;
	margin: 5px;
	background-color:#fff;
	box-shadow:1px 2px 2px #999;
}

.owl-carousel-horner .owl-controls .owl-page.active span,
.owl-carousel-horner .owl-controls.clickable .owl-page:hover span{
	background-color: #71a638;
}

.owl-carousel-horner .owl-controls .owl-page span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 8px;
	background-color:#fff;
	box-shadow:1px 2px 2px #333;
}

.owl-carousel-factory .owl-controls .owl-page.active span,
.owl-carousel-factory .owl-controls.clickable .owl-page:hover span{
	background-color: #71a638;
}


 .tsbt {
    font-size: 30px;
	color:#333;
    margin-bottom: 40px;
	text-transform:uppercase;
	font-weight:bold;
	 text-align:center;
}


.wwd{  background:#f2f2f2; padding:30px 0 50px;}
.ditem{ margin:0 auto; width:285px;}
.ditem .pic{ position:relative; overflow:hidden;}
.ditem .pic .mask{ position:absolute; top:100%; left:0; width:100%; color:#fff; background:url(../images/bantouming.png) left bottom;  font-size:15px; font-weight:bold; padding:20px 10px 10px 10px; }
.ditem .pic:hover img{ transform:scale(1.1,1.1)}
.ditem .pic:hover .mask{ top:auto; bottom:0;}
.ditem ul,.ditem li{ padding:0; margin:0;}
.ditem ul{ padding:5px 0 15px;}
.ditem li{ padding:3px 0 3px 12px; list-style:none; position:relative;}
.ditem li:before{ content:""; position:absolute; top:10px; left:0; width:5px; height:5px; background-color:#258dcc; transform:rotate(45deg);}
.ditem .rm{ color:#fff; text-transform:uppercase; display:inline-block; padding:8px 20px; background-color:#258dcc; }

.ditem .rm:hover{ text-decoration:none; background-color:#154581;}



.inNews{ padding:20px 0; background-color:#f3f3f3;}
.nitem{max-width:386px; margin:10px auto 20px auto; }
.nitem .pic{ position:relative; background:#eee; overflow:hidden; padding-top:calc(280/385*100%);}
.nitem .pic .inner{ position:absolute; top:0; left:0;  right:0; bottom:0; text-align:center;} 
.nitem .pic .inner img{ width:100%; height:auto;}
.nitem a:hover .pic img{ opacity: 0.7; transform:scale(1.1,1.1)}
.nitem .ntext h3{ font-size:18px;}
.nitem .ntext .meta{ color:#0099cc; font-size:16px; margin-bottom:10px;}
.nitem .ntext p{ color:#646464;}
.nitem .ntext p a{ color:#646464;}
.nitem .ntext p a:hover{ color:#0099cc;}

.newslist { padding-bottom:40px;}
.newslist .nitem .pic{ padding-top:calc(225/385*100%);}
.newslist .ntext{ background:#fff; padding:20px 10px 20px; border:1px solid #eee; border-top:0;}
.newslist .ntext h3{ margin-top:0; font-size:21px;}
.newslist .nitem:hover{ box-shadow:2px 3px 10px #999;}

.inAbout{ margin:40px 0 20px 15px; min-height:430px;}
.inAbout .content{ background:#f2f2f2; padding:35px 20px 15px; position:relative; line-height:1.7; color:#646464;}
.inAbout .content h3{ position:absolute; top:-20px; left:-15px; background:#009b4c; color:#fff; font-size:18px; display:inline-block; padding:10px 20px; margin:0; font-weight:bold;}

.inProSlide{ margin:40px 0 50px 7px; position:relative; }
#carousel-product .item .pic img{ width:100%;}
#carousel-product .item .content{background:#f2f2f2; padding:30px 20px 20px; position:relative; line-height:1.7; color:#646464;}
#carousel-product .item .content h4{ font-size:14px; font-weight:bold;}
.carousel-control.right,.carousel-control.left{ background:none;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {

    display: inline-block;
    margin-top: -80px;
}
.inProSlide .fixTit{position:absolute; z-index:8; bottom:110px; left:-12px; background:#009b4c; color:#fff; font-size:18px; display:inline-block; padding:10px 20px; margin:0; font-weight:bold;}

.navbar-fixed-top{filter:alpha(Opacity=98);-moz-opacity:0.98;opacity: 0.98; background-color:#fff; position:fixed !important;}
/*.navbar-fixed-top .navbar-brand{ background:url(../img/top100.png) no-repeat 0 0; background-size:cover; }*/

 .navbar.navbar-fixed-top{ margin-top:0;}

 
.navbar-fixed-top.navbar-default{-moz-box-shadow: 0 1px 5px #ccc; /* 老的 Firefox */
box-shadow: 0 1px 5px #ccc; background-image:none; }

.brand-youshi{ background:#fff; text-align:center; margin-top:40px; padding-top:20px;}
.owl-carousel-partner {
     margin: 0 auto;
	padding:20px 0 20px;
}

.footer{ background-color:#f2f2f2; color:#666;}
.copyright{ color:#666; padding:15px 0; text-transform:capitalize; border-top:1px solid  #fff;}
.copyright a{ color:#666;}
.copyright a:hover{ color:#ffaa00;}

.footLink{  padding:50px 0 30px; border-bottom:1px solid #e6e6e6;}
.fwidget{ margin-bottom:25px;}
.fwidget a{color:#666;}
.fwidget a:hover{ text-decoration:underline;}
.fwidget ul{ list-style:none; margin:0; padding:0;}

.fmenu { }
.fmenu ul{ text-transform:capitalize; }
.fmenu li{ padding:3px 0;}

.fbmenu { }
.fbmenu ul{ font-size:16px;}
.fbmenu li{ padding:5px 0;}

.fwidget h4{ font-size:16px; margin:6px 0 12px 0; color:#333333; font-weight:bold;}


.footer address{ }
.footer address p{ padding:5px 0 10px; margin:0; clear:both; color:#646464;}
.footer address i{ width:20px; float:left; min-height:25px; vertical-align:bottom;font: normal normal normal 14px/20px FontAwesome; text-align:center; margin-right:5px; color:#ababab;}

.footer .foot-social{  margin-top:40px; margin-bottom:20px; vertical-align:middle;}
.footer .foot-social ul, .footer .foot-social li{ display:inline-block; margin:0 7px 0 0; vertical-align:middle;}
.footer .foot-social li{margin:0 15px 0 0;}
.footer .foot-social img{vertical-align:middle;}
.footer .foot-social a{transition: 0.1s all ease; color:#5181a7; }
.footer .foot-social a:hover{ color:#144061; }

.gotop{ position:fixed; right:10px; bottom:10%; width:50px; height:50px;}
.gotop a{ display:block; width:50px; height:50px; line-height:40px; border-radius:5px; background:#f2f2f2; text-align:center; font-size:24px; box-shadow:1px 1px 3px #555;}
.gotop a:hover{}

/* --------- page ---------*/

.page{ padding:50px 0;}

.form-control{ margin-bottom:20px;
    height: 42px;
    padding: 10px 15px;
	background-color: #f2f2f2;
	border: 1px solid #e0e0e0;
    border-radius: 0;
	box-shadow:none;
}
.contactInfo{}
.contactInfo .contactCol{ position:relative; padding-left:45px; margin-top:30px; margin-bottom:30px;}
.contactInfo .contactCol .cicon{ position:absolute; top:0; left:0; width:36px; height:45px; background:url(../images/contactico.gif) no-repeat 0 0;}
.contactInfo .contactCol .cicon.cicon02{ background-position:0 -100px;}
.contactInfo .contactCol .cicon.cicon03{ background-position:0 -185px;}
.contactInfo .contactCol .cicon.cicon04{ background-position:0 -282px;}
.contactInfo .contactCol h4{ font-size:14px;}
.contactInfo .contactCol p{ }
.contactMap{ margin-top:40px; margin-bottom:50px;}


.breadcrumb{ color:#646464; border-radius:0; padding:12px 0;  background:none;}
.breadcrumb a{ color:#646464;}
.breadcrumb a:hover{ color:#003769;}
.breadcrumb .jiange{ padding:0 5px;}

.breadcrumb.dark{ background:url(../images/new-_03.jpg); height:52px; line-height:52px; padding:0; text-align:left; color:#fff; margin-bottom:30px;}
.breadcrumb.dark i{ font-size:16px; color:#fff}
.breadcrumb.dark a{ color:#fff;}
.breadcrumb.dark a:hover{ color:#ffa400;}

.pageMenu{ border-bottom:1px solid #ddd; margin-bottom:30px;}
.pageMenu ul,.pageMenu li{ margin:0; padding:0; list-style:none;}
.pageMenu li{ float:left; margin-right:40px; }
.pageMenu li a{ padding:10px 2px; display:block; border-bottom:3px solid #fff; font-size:21px; color:#333; font-weight:bold;}
.pageMenu li a:hover{ color:#258dcc;}
.pageMenu li.active a{border-bottom:3px solid #258dcc;}
.pageMenu li.active a:hover{color:#333;}


.pageTitle{ font-size:19px;color:#101010; margin-bottom:20px; text-transform:uppercase; }

.postTitle{ font-size:24px; font-weight:bold; color:#333; text-align:center; margin-bottom:15px;}
 .postDate{ text-align:center; display:block; color:#959595; margin-bottom:30px;}
.postBody{ padding-bottom:40px;} 
.postMeta{ padding-bottom:50px;}

.cate-header{ text-align:center; margin-bottom:30px;}
.cate-header .tsbt{ margin-bottom:10px;}
.cate-header .pageShort{ font-size:18px;}

#prolist{ padding-bottom:40px;}
.pitem{ border:1px solid #e0e0e0; background:#f2f2f2; padding:8px; border-radius:5px; text-align:center; margin-bottom:30px;}
.pitem .pic{ position:relative; padding-top:calc(201/267*100%);}
.pitem .pic .inner{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.pitem .pic .inner img{ height:100%;}
.pitem .pic:hover img{ transform:scale(1.1,1.1)}
.pitem  h3{ font-size:15px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; margin:15px 20px;}
.pitem span.more{ display:block; font-size:15px; font-weight:bold; color:#646464; margin-bottom:10px;}
.pitem span.more a{ color:#646464}
.pitem span.more a:hover{ color:#258dcc}

.toutiao{ margin-bottom:30px;}
.toutiao .pic{ max-width:540px;}
.toutiao .content{ padding:20px 0;}
.toutiao .content span.date{ display:block; margin-bottom:15px;}
.toutiao .content h3{ font-size:24px; margin-bottom:30px; margin-top:0;} 
.toutiao .content .zhaiyao{ margin-bottom:25px;}
.toutiao .content span.link{ font-size:16px; display:block;}
.toutiao .content span.link i{ font-size:28px; color:#258dcc; margin-right:8px; vertical-align:middle;}

.sulutionMenu{ text-align:center; padding-bottom:40px;}
.sulutionMenu ul,.sulutionMenu li{ margin:0; padding:0; list-style:none;}
.sulutionMenu li{ font-size:15px; font-weight:bold; color:#646464; margin:0 2.2% 10px; display:inline-block;}
.sulutionMenu li a{color:#646464;
}
.sulutionMenu li a.active,.sulutionMenu li a:hover{color:#009b4c;}
.sulutionMenu li .icon{ background:url(../images/sulutions-icon.gif) no-repeat 0 0; width:80px; height:80px; display:block;}
.sulutionMenu li .icon.icon01{ background-position:0 0;}
.sulutionMenu li .icon.icon02{ background-position:-80px 0;}
.sulutionMenu li .icon.icon03{ background-position:-160px 0;}
.sulutionMenu li .icon.icon04{ background-position:-240px 0;}
.sulutionMenu li .icon.icon05{ background-position:-320px 0;}
.sulutionMenu li .icon.icon06{ background-position:-400px 0;}
.sulutionMenu li .icon.icon07{ background-position:-480px 0;}
.sulutionMenu li a:hover .icon.icon01,.sulutionMenu li a.active .icon.icon01{ background-position:0 -80px;}
.sulutionMenu li a:hover .icon.icon02,.sulutionMenu li a.active .icon.icon02{ background-position:-80px -80px;}
.sulutionMenu li a:hover .icon.icon03,.sulutionMenu li a.active .icon.icon03{ background-position:-160px -80px;}
.sulutionMenu li a:hover .icon.icon04,.sulutionMenu li a.active .icon.icon04{ background-position:-240px -80px;}
.sulutionMenu li a:hover .icon.icon05,.sulutionMenu li a.active .icon.icon05{ background-position:-320px -80px;}
.sulutionMenu li a:hover .icon.icon06,.sulutionMenu li a.active .icon.icon06{ background-position:-400px -80px;}
.sulutionMenu li a:hover .icon.icon07,.sulutionMenu li a.active .icon.icon07{ background-position:-480px -80px;}

#app-block{ line-height:1.8; margin-bottom:30px;}
#app-block .content h2{ color:#333; font-size:21px; font-weight:bold; margin:5% 0;}

.app-pro{ border:1px solid #e8e8e8; padding:15px; margin-top:20px; margin-bottom:20px;}
.app-pro .content { margin:0 auto; max-width:810px;}
.app-pro .content h2{ color:#333; font-size:21px; font-weight:bold; margin:2% 0;}
.app-pro .content .ms{ margin-bottom:20px; line-height:1.7}
.app-pro .content span.link{ display:block;}
.app-pro .content span.link a{ display:inline-block; padding:7px 20px; color:#fff; background:#258dcc;}
.app-pro .content span.link a:hover{background:#009b4c;}


.proinfo{ margin-bottom:20px;}
.ptitle{ margin-top:0; font-size:32px; color:#0a8166; margin-bottom:30px;}
.shortDes{ padding:5px 0; font-size:16px; line-height:1.6}
.pshare{ font-size:18px; margin-top:15px;}

.proConDis ul,.proConDis li{ margin:0; padding:0; list-style:none;}
.proConDis{margin-top: 25px;}
.proConDis h3{padding-top: 0; padding-bottom: 20px;}
.proConDis h6{font-size: 18px; font-weight: normal; padding-bottom: 10px;}
.picFocus{ position: relative; overflow: hidden; padding: 0 8px 8px 0; max-width:440px;}
.picFocus .bigImg{position: relative; margin-bottom: 15px; }
.picFocus .bigImg li{position: relative;}
.picFocus .bigImg li img{ vertical-align:middle; width:100%; height:auto; margin: 0; padding: 0;}
.picFocus .smallScroll{ height: 65px; margin-bottom: 6px;}
.picFocus .sPrev,.picFocus .sNext{ float: left; display: block; width: 24px; line-height:65px; font-size:20px; color:#258dcc;}
.picFocus .sPrev{margin-right: 5px;}
.picFocus .sNext{}
.picFocus .sPrev:hover,.picFocus .sNext:hover{ color:#009b4c;}
.picFocus .smallImg{ float:left;  margin: 0 5px; display:inline; overflow: hidden; width:calc(100% - 90px);}
.picFocus .smallImg ul{ width: 9999px; overflow: hidden; }
.picFocus .smallImg ul *{-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box;}
.picFocus .smallImg li{ float: left; cursor:pointer;  display: inline;}
.picFocus .smallImg img{ border: 1px solid #d9d9d9; width:100%; margin: 0; padding: 0; width: 70px; margin: 10px 10px 10px 0;}
.picFocus .smallImg .on img{ border-color: #fff; -moz-box-shadow: 3px 3px 5px #ebebeb;  -webkit-box-shadow: 3px 3px 5px #ebebeb; box-shadow: 3px 3px 5px #ebebeb;}
.sunMain .fr .picFocus .smallImg img{margin-bottom: 0;}
.zoom{display: inline-block; width: 24px; height: 24px; cursor: pointer; position: absolute; right: 0px; bottom: -35px;background: url(../images/zoom.png) no-repeat center center;}
.proBigImgShow{display: none; position: fixed; top:0; left: 0; right: 0; bottom: 0; z-index: 9999; background: url(../images/mark_bg.png) repeat; text-align: center;}
.proBigImgShow img{width: auto; height: auto; max-width: 100%; max-height: 80%;}
.proBigImgShow a{display: inline-block; font-size: 48px; color: #646464;}
.proBigImgShow a:hover, .proBigImgShow a:hover i{color: #fff;}
.showPic{margin-right: 15px;}
#block {width: 100%; height: 100%; position: fixed; z-index: 1030; left: 0; top: 0; background: rgba(0,0,0,.8);}
#platform { position: fixed; z-index: 1040; width: 100%; height:100%; left:0; top:0; overflow:hidden; }
#childrenPlat { position:absolute; top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.proTit{ font-size:30px; font-weight:bold; color:#333; margin:3% 0;}
.prodes{ line-height:1.8; margin-bottom:20px;}
.proDo a {
    background-color: #258dcc;
    color: #fff;
    display: inline-block;
    padding:10px 20px;
    margin-bottom: 5px;
	margin-right:4%;
}
.proDo a i{ font-size:16px; margin-right:3px;}
.proDo a:hover{background-color: #009b4c;}

.pro-block-tit{ font-size:24px; font-weight:bold; color:#333; margin:20px 0;}
.workshop { padding-bottom:40px;}
.workshop img{ margin-bottom:20px;}

.yingyong{ padding-bottom:20px;}
.yingyong th,.yingyong td{ padding:5px 10px;}



.section-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 40px;
}
.section-header h3 {
    margin-top: 0;
    font-size: 40px;
    font-weight: 300;
	color: #4a70a5;
}
.section-header .intro {
    color: #595959;
    font-size: 24px;
    margin: 20px auto 0;
}


.downbtn{ padding:7px 12px; border:1px solid #4a70a5; border-radius:5px; white-space:nowrap; display:inline-block;}
.downbtn:hover{ background-color:#4a70a5; color:#fff;}


@media (min-width: 1230px){ .container{ width:1224px;} .fcontact{ background:url(../images/shouye1_11.gif) repeat-y 0 0; padding-left:40px;}}
@media (max-width: 1199px) { .picc{ position:relative; width:100%; top:0; text-align:center;}}
@media (min-width: 768px) and  (max-width: 991px){
 #navbar{ width:calc(100% - 170px)}
	.main_menu li {
    margin-left: 0;
}
  .main_menu li a{padding:0 10px; font-size:14px;}

.nav-tabs-news > li{ width:50%; margin-bottom:10px;}
.nav-tabs-news > li > a{ line-height:40px; font-size:15px; margin-right:5px;}
.owl-prev{ left:-30px; }
.owl-next{  right:-30px; }
}
@media (min-width: 992px) and  (max-width: 1199px){.main_menu li a{padding:0 5px; font-size:15px; } .main_menu {
    margin: 0 20px 0 0;}	
	.searchtop{  padding-bottom:20px; }
	.nav-tabs-news > li > a{ line-height:40px; font-size:15px; margin-right:5px;}
}
@media (max-width: 767px){
	
	.top{ height:auto;}
	.navbar-header{ position:relative; float:none;}
	.navbar-brand{ margin-left:-15px;}
	.navbar {
		margin-top:0;
}

	#navbar {
    text-align: center;
    float: none;
    margin-top: 0;
	 width:100%;
}
	.main_menu {
    width: 100%;
	background-color: hsla(0,0%,100%,.95); 
	margin:0;
}
.main_menu li {
    float: none;
    height: auto;
    position: relative;
    margin-left: 0;
	border-bottom:1px solid #ddd;
}
.main_menu li a {
    display: block;
    line-height: 2.5;
    padding: 0 15px;
    color: #333;
    float: none;
}
.main_menu li a:hover{ color:#258dcc}
.main_menu li > ul{ position:relative; left:0; top:98%; width:100%; background:#f8f8f8; margin:0; padding:0 0; border-top:1px solid #666; display:none;}
.main_menu li > ul > li{ margin-left:0; height:auto; float:none; width:100%; display:block;}
.main_menu li > ul > li a{ padding:0; line-height:36px; float:none;}
.main_menu li:hover > ul{ display:block;}
.sidebar{ width:100%; float:none;}
.mainContent{ width:100%;float:none;}

.top{ margin-bottom:0;}
.tlink{ margin-right:5px; font-size:12px;}
.tlink a{ margin-right:5px;}
.contactForm form p{  padding-left:0;}
.contactForm form p.default label{ position:relative; }

.nav-tabs-news > li{ width:50%; margin-bottom:10px;}
.nav-tabs-news > li > a{ line-height:45px; font-size:16px; margin-right:5px;}

.owl-prev{ left:10px; }
.owl-next{  right:10px; }


}
@media (max-width: 480px){
.page-news .eitem .pic{ position:relative; overflow:hidden; float:none; width:100%; margin-right:0; text-align:center;}
.page-news .eitem .cbox{  border-top:0; padding:15px; float:none; width:100%;}	
}