@media only screen and (min-width: 1601px){body {
  background:url(../images/html_bg.jpg) repeat-x top;
  background-attachment:fixed;
 }}
a,a:hover{text-decoration:none;}
ul,li{list-style:none;}
.dis{ display:none;}
.wrap{max-width: 100em;margin:0 auto;min-width: 20em;display: block;overflow-x: hidden;background-color: #fff;position: static;}
.left{float:left;}
.right{float:right;}
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after,.clear{ clear: both; }
.clearfix{zoom: 1;}
.zoom{zoom:1;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.navbar-default{background:#fff; border:none;}
@media (max-width:767px){.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#fff;background:#ccc;}}
.navbar{margin-bottom:0px;}
.navbar-default img{margin:15px 0px;}
.nav > li > a{padding:10px 30px;}
.navbar-nav li.curr a{ color:#0000AD;}
@media (min-width: 768px) and (max-width: 1200px){.nav > li > a{padding:10px 10px;}}
.navbar-collapse{padding-top:30px; text-align:right;}
@media (max-width:767px){.navbar-collapse{text-align:left;}}
.navbar-toggle{margin-top:30px;}
@media (min-width: 768px){.search span{ display:none;}}
@media (max-width: 767px){.search img{ display:none;}}
.search img{ margin:0px;}

.banner{margin:0 auto;}

.index-content .tjcp{position: relative;}
@media (min-width: 1000px){.tjcp-dw{position: absolute;top: -80px; left: 0px;z-index: 1000;}}
.tjcp-dw{background: #276ddd;}
@media (max-width: 1000px){.tjcp-dw{margin:20px 0px;}}
.index-content .tjcp-dw h3{background: #fff; padding:10px 30px;width: 100%;display: block;color:#276ddd; font-size: 24px; margin:0px;border:5px solid #276ddd;}
.index-content .tjcp-dw p{font-size: 12px; line-height: 18px;  text-align: center; margin-top: 10px;}
.index-content .tjcp-dw p a{color: #fff; }
.index-content .tjcp-dw img{margin:30px 0px 10px 0px;}
.index-content .tjcp-dw span a{width:90px; height: 20px;line-height:20px; display: block;text-align: center; background: #fff; color: #0530c9;margin:10px auto; font-size: 12px;}
.index-content .lbcp .title{height: 30px; line-height: 30px; margin: 0px;}
.index-content .lbcp .title h3{font-size: 16px; float: left;}
.index-content .lbcp .title span{font-size: 14px;margin-top: 10px; float: right; color: #666;}
.index-content .lbcp-pic {text-align: center;margin-top: 25px;}
.index-content .lbcp-pic h6 a{color: #666;}
.index-content .lbcp-pic > div{overflow:hidden; transition:all 0.5s;}
.index-content .lbcp-pic > div:hover{background:#f3f3f3;}
.index-content .lbcp-pic > div:hover a{color: #337ab7; font-weight:bold;}
.index-content .lbcp-pic img{ transition:all 0.5s;}
.index-content .lbcp-pic a:hover img{  -webkit-transform: scale(1.1);  transform: scale(1.1);}

.footer{width: 100%;background: #f0f0f0;padding: 20px 0px;margin-top: 100px;}
.footer .foot-nav a,.footer .foot-nav{font-size: 12px; color: #666;margin:0px 5px;line-height: 24px;}
.footer .copyright{font-size: 12px; color: #666;line-height: 24px;}
.footer form select{width:200px; height: 30px;margin-left: 10px;color: #333; font-size: 14px; }
.footer .socially{margin-top: 30px;margin-bottom: 20px;}
.footer .socially a{margin-left: 20px; }
.page-banner,.page-banner img{width: 100%;height: auto;}

/* about page */
.about-content .about-1{background: #276ddd;padding: 15px 10px; color: #fff; font-size: 14px; line-height: 28px;margin-top:35px;}
.about-content .about-1 p{margin-top: 30px;}
.about-content .about-2 p{color: #666; line-height: 28px;font-size: 14px;margin:20px 0px;}
.about-content .about-4 img{margin-top: 50px;}
.about-content .about-4{margin-bottom: 20px;}

/* product list */
.product-title{margin-top:30px; margin-bottom:30px;}
.product-title .title-text{background: #eaf0fc;padding: 15px 15px; border-right:7px solid #276ddd;}
.product-title .title-text p{font-size: 30px;line-height: 30px; color: #276ddd;}
.product-title .title-text span{font-size: 14px;line-height: 14px; color: #276ddd;}
.product-list .list-pic{border:1px solid #e5e5e5; text-align: center; padding:40px 20px;}
.product-list h6{text-align: center;font-size: 14px; color: #666; line-height: 18px;}
.product-list span{text-align: center;font-size: 14px; color: #fff; line-height: 18px; background: #276ddd; padding:5px 40px; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.product-list span a{ color: #fff; }
.page-turn{float: right;margin-top: 30px;}

/* product more */
.product-content h4{font-size: 24px; color:#276DDD; font-family:"Microsoft Yahei"; margin-bottom:20px;}
.product-content h5{ font-size:20px; font-family:"Microsoft Yahei";}
.product-content p{font-size: 14px; color: #666;line-height: 24px;}
.product-color span{ padding:3px 10px; color:#fff; margin-right:10px;}
.product-color span.color1 {background:#003C92;}
.product-color span.color2 {background:#CECECE;}
.product-color span.color3 {background:#000000;}
.product-color span.color4 { background:grey;}
.pro-tedian{ background:#F1F1F1; margin-top:40px; padding-top:60px; padding-bottom:70px;} 
.pro-tedian h2{ font-family:"Microsoft Yahei"; margin-bottom:40px;}
.tabs-title li a{ display:block; height:60px; line-height:60px; color:#333;}
.tabs-title li {padding-left:10px; border:#D7D7D7 1px solid; margin-bottom:10px; background: #fff;}
.tabs-title li img{ margin-right:10px;}
.tabs-title li.on{ background:#276DDD; border-right:4px 003C92 solid;}
.tabs-title li.on a{ color:#fff;}

.border{border:#D7D7D7 1px solid;}
.tabs-content{ height:470px; }
.tabs-content i{ display: inline-block; width:30px; font-style: normal; line-height: 30px; margin-right: 10px; height: 30px; border-radius: 50%; color:#fff; background: #276DDD; text-align: center;  }
.tabs-content h3{ color: #276DDD;  font-size: 20px; font-family:"Microsoft Yahei";}
.tabs-content p{ font-size: 14px; color:#666; font-family:"Microsoft Yahei";}

.bk-white{ background: #fff; }
.text-blue{ color: #276DDD; }
.border-padding{ border:#DADADA 1px solid; background: #F6F6F6; padding:10px; }

.pro-appl{ padding:70px 0 ; }
.pro-appl h2{ margin-bottom: 85px; }
.pro-appl .ypanel{ border:#E2E2E2 1px solid; margin:0 20px; border-top-left-radius: 15px; border-top-right-radius: 15px;  text-align: center; padding: 20px; height:250px; border-bottom:#276DDD 5px solid; transition: all 0.5s;}
.pro-appl .ypanel .sm-line{ width:40px; margin: 10px auto; border-bottom:#276DDD 2px solid; }
.pro-appl .ypanel p{ font-size: 14px; line-height: 1.8em; }
.pro-appl .ypanel:hover{ background: #276ddd; border-bottom:#F8B732 5px solid;}
.pro-appl .ypanel:hover h4{ color:#fff; }
.pro-appl .ypanel:hover .sm-line{ border-bottom:#fff 2px solid; }
.pro-appl .ypanel:hover p{ color: #fff; }

.pro-btn{display: block; width: 255px; height: 50px; border-radius: 12px; background: #F8B732; color: #fff; line-height: 50px; text-align: center; font-size: 22px; margin: 50px auto 0;}

.sb-youshi .ypanel{ text-align: center; }
.sb-youshi h2{ margin-bottom: 80px; }
.sb-youshi .ypanel h4{ color: #276DDD; font-weight: bold; margin-bottom:20px;  }
.sb-youshi .ypanel p { font-size: 14px; line-height: 1.8em; margin: 0 30px; color: #666; }

.tab-switch{ margin:0; padding: 0; }
.tab-switch li{display: none;}
.tab-switch li:first-child{ display: block; }
/*-------------------------------------------------------------------------------------------------*/



.huixian{height: 80px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;}
.product-text{border:1px solid #ddd;padding: 30px 20px;margin-top: 20px;}

/* news list */
.news-content .news-tj h4{font-size: 18px; color: #276ddd; line-height: 36px;}
.news-content .news-tj p a{font-size: 14px; color: #666; line-height: 24px;}
.news-content .news-list{margin-top: 45px;padding-bottom: 15px; border-bottom:1px dashed #ddd;}
.news-content .news-list .date{background: #276ddd; padding: 5px 15px; color: #fff;text-align: center;}
.news-content .news-list .date span{font-size: 48px;line-height:48px; }
.news-content .news-list .date p{font-size: 14px;line-height:18px; }
.news-content .news-list .text h4 a{color: #666;}
.news-content .news-list .text p a{color: #666; font-size: 14px; line-height: 18px;}
.news-content .news-list .more a,.news-content .news-list .more{color: #fff; font-size: 14px; line-height: 24px; background: #276ddd;text-align: center;}
@media (max-width:1200px ){
.news-content .news-list .date span{font-size: 24px;line-height:24px; }
.news-content .news-list .date p{font-size: 14px;line-height:18px; }
.news-content .news-list .date{padding: 5px 5px; }
.news-content .news-list .more{display: none;}
}

/* news more */
.news2-content .news2-title{text-align: center; margin: 40px 0px;}
.news2-content .news2-title h3{font-size: 24px; color: #276ddd;}
.news2-content .news2-title span{font-size: 12px; color: #666;}
.news2-content .news2-text p{ font-size: 14px; color: #666; line-height: 30px;}

/* server */
.title{margin:40px 0px;}
.title .title-text{background: #eaf0fc;padding: 15px 15px; border-right:7px solid #276ddd;}
.title .title-text p{font-size: 30px;line-height: 30px; color: #276ddd;}
.title .title-text span{font-size: 14px;line-height: 14px; color: #276ddd;}

.server-content .content h4{color: #276ddd; font-size: 18px; margin-top: 60px;}
.server-content .content p{color: #666; font-size: 14px;line-height: 24px;}
.server-content .content .right-bar{background: #276ddd;padding:40px 20px; }
.server-content .content .right-bar{background: #276ddd;padding:50px 30px; text-align: center;color: #fff;font-size: 14px;}
.server-content .content .right-bar img{margin-bottom: 20px;}

.server-content .content2 .contact{border:5px solid #e5e5e5; margin:50px auto 0; text-align:center; padding:15px 0px;}
.server-content .content2 .contact h6{color: #276ddd;font-size: 18px;}
.server-content .content2 .contact p{color: #666;font-size: 14px;}

/* contact */
.contact-content .content .text{ background: #276ddd;padding: 19px; color: #fff;}
.contact-content .content .text h4{font-size: 24px;}
.contact-content .content .text p{font-size: 14px; line-height: 24px;}
.contact-content .content2 h3{font-size: 36px; color: #333; text-align: center;}
.contact-content .content2 input{color: #666; font-size: 14px; border:1px solid #ddd; line-height: 36px; width: 100%;margin-top: 20px;text-indent: 10px;}
.contact-content .content2 textarea{color: #666; font-size: 14px; border:1px solid #ddd; line-height: 36px; width: 100%;margin-top: 20px;text-indent: 10px;}
.contact-content .content2 button{color: #fff; font-size: 16px; background: #2e70de; text-align: center;line-height: 40px; padding:0px 50px;margin:30px auto;}

/* search */
.search-content .content {margin-bottom: 40px;border-bottom: 1px solid #ddd;padding:20px;}
.search-content .content h6{font-size: 18px; color: #276ddd;}
.search-content .content p{font-size: 14px; color: #666; line-height: 25px;}
.search-content .content span{font-size: 14px; color: #276ddd;}
.search-content .content input{font-size: 14px; color: #666; border:1px solid #ddd; line-height: 25px; text-indent: 10px;margin:0px 10px;}
.search-content .content button{font-size: 14px; color: #fff;background: #276ddd; text-align: center; padding:0px 20px; line-height: 25px;}
.search-content .content2 {border-bottom:1px dashed #ddd;}
.search-content .content2 .biaoti a{font-size: 16px; color: #666; line-height: 80px;}
.search-content .content2 .more a{font-size: 16px; color: #fff;line-height: 80px; background: #276ddd;  padding:5px 20px;font-size: 14px;}

/*
首页产品
*/
.index-pro h3{font-size:22px;}
.index-pro h3 a{float:right; color:#999;font-size:14px;}
.pro-box{ padding:10px; position:relative;}
.pro-box .big-title{background:#236FDF; font-weight:bold; height:80px; width:100%; color:#236FDF; position:absolute; left:0; top:-80px; display:none;}
.pro-box .big-title span{font-size:48px; color:#236FDF; margin-left:5px; display:block; float:left; width:60px; height:60px; line-height:56px;}
.pro-box .big-title i{display:block; float:left; margin-top: 6px;  width: 170px;}
.pro-box .big-title .in{ background:#fff; margin:10px; height:55px; }
.pro-box h6{text-align:center; }
.pro-box:hover{ background:#236FDF; transition:all 0.5s;}
.pro-box:hover h6 a{ color:#fff;}
.product-list .row > div{ padding-right:0!important; margin-bottom:20px;} 

/*产品内容页2016-08-20*/