/* CSS Document */

ul, li {margin: 0; padding: 0; list-style: none;}
a, a:hover {text-decoration: none; color: #333;}
/* img {width: 100%;} */
.claer {clear: both;}
body {color: #333; line-height: 180%; font-family: "microsoft yahei",sans-serif; font-size: 15px;}
.image img{width: 100%;}
.head-top {max-width: 1166px; margin: 0 auto; line-height: 220%;}
.head-top i {color: #1183d9;}
.phone, .ditu {border-right:  1px solid #f3f3f3; border-left: 1px solid #f3f3f3;}
.mail {border-right: solid 1px #f3f3f3;}
.phone, .mail, .ditu {padding-bottom: 10px; padding-top: 10px;}

.top-nav {background:#1183d9; padding:20px 0;}
.navbar {margin-bottom: 0; border-radius: 0;}
.mynavbar {padding:20px 0;transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;}
.mynavbar a {background:transparent !important; }
.mynavbar a:hover {color:#45bcf9 !important;background:transparent;outline:0}
.mynavbar a {transition: color 0.5s ease-in-out;}/*-webkit-transition ;-moz-transition*/
.botnav {color: #fff; border: 1px solid #fff;}
.icon-bar {color: #fff; border: 1px solid #fff;}
ul.navbar-right li a:hover {background: none;}
.nav .open  a:hover {background: none;}
.nav .open  a:focus {
  background: none;
  border-color: #337ab7;
}
ul.navbar-right li a {color: #fff;}
ul.navbar-right li.dropdown ul.dropdown-menu li a:hover {background: none;}
ul.navbar-right li.dropdown ul.dropdown-menu li a {color: #333;}
.logo {padding-top:0; padding-bottom: 0; padding-left: 10px; margin-top: -8px;}


.service {margin-top: 40px;}
.service hr {width: 60px;}
.services-block {margin-bottom: 40px;}
.lower-box {border-bottom: 1px solid #f2f2f2; padding-bottom: 15px; padding-top: 8px;}
.lower-box .content {
    position: relative;
    /* padding-left: 70px; */
}
.lower-box .content h3 {font-size: 21px; text-align:center;}
.lower-box .content h4 {font-size: 21px; text-align:center;}
.lower-box .content .number {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 50px;
    color: #e8e8e8;
    line-height: 1em;
    margin-top: 8px;
}
.text{
	position:relative;
	line-height:1.8em;	
	font-family: 'Open Sans', sans-serif;
}
.btn-blue {background: #1183d9; color: #fff; font-size: 18px;}
.btn-blue2 {background: #1183d9; color: #fff; font-size: 14px;}
.btn-blue2:hover {color: #fff;}

.about, .news {background: #f3f3f3; padding-bottom: 65px; padding-top: 65px; margin-top: 30px;}
.sub-1, .inewslist, .ilink {max-width: 1166px; margin: 0 auto;}
.sub-1 h2 {font-size: 24px; margin-top: 0;}
.sub-1 h4 {font-size: 24px; margin-top: 0;}
.cutr {margin-top: 20px;}
.cutr .btn-blue {font-size: 16px;}


.proclass a i  {color: #1183d9;}
.proclass h3 {margin-bottom: 5px;}
.proclass h4 {margin-bottom: 5px;}
.proclass a {border: 1px solid #1183d9;  padding: 8px 10px; border-radius: 8px; margin-left: 25px;line-height:48px}
.proclass a:hover {background: #1183d9; color: #fff;}
.proclass a:hover i {color: #fff;}
.proclass hr {margin-top: 10px; width: 60px;}
.products {margin-bottom: 40px; margin-top: 40px;}
.products ul.prolist li {margin-bottom: 10px; margin-top:15px; font-size: 13px; color: #666; line-height: 180%;}
.products ul.prolist li h3 {font-size: 16px; color: #333;}
.products ul.prolist li h4 {font-size: 16px; color: #333;}
.products ul.prolist li img{width:100%;height:auto;}

.newspic {padding: 0;}
.npiclist {margin-bottom: 20px; float: left;}
.npiclist h4 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inewslist ul li {line-height: 220%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inewslist ul li span {float: right;}
.inewslist hr {text-align: center; color: #ccc; border-top: 1px solid #d2d2d2; margin-top: 10px; width: 60px;}
.ilink {margin-top: 25px;}


.footer {background: #1183d9; padding-bottom: 30px; padding-top: 35px;}
.foot {max-width: 1166px; margin: 0 auto; color:#fff;}
.foot a {color: #fff;}


/*客服固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/*--列表页--*/
.main, .case {background: #f3f3f3; padding-bottom: 40px; padding-top: 40px;}
.page_banner {padding-left: 0; padding-right: 0;}
.page_banner img{width:100%;}
.colr, .caselist {max-width: 1166px;  margin: 0 auto;}
.colr .left h2, .colr .leftpro h2 {font-size: 18px; color:#333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.colr .left h4, .colr .leftpro h4 {font-size: 18px; color:#333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.colr .left, .colr .right {color: #666; background: #fff; padding: 15px;}
.colr .left ul li p {color: #999; font-size: 12px;}
.colr .left ul li {border-bottom: dotted 1px #f3f3f3;}
.colr .leftpro {float: left;}
.leftpro ul li {margin-bottom: 10px;}
.leftpro ul li img{width:100%;height:auto;}

.colr .right .rtitle, .colr .right .rtitle2 {background: #1183d9; text-align: center; color: #fff; font-size: 18px; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px;}
.colr .right ul {margin-bottom: 20px;}
.colr .right ul li {line-height: 240%; border-bottom: solid 1px #f2f2f2; font-size: 16px;}
.colr .right ul li span {float: right; padding-top: 12px;}
.colr .right ul li h3 {text-align: center; font-size: 16px;}
.colr .right ul li h4 {text-align: center; font-size: 16px;}
.colr .right ul li img{width:100%;}

.localtion {background: #f3f3f3; padding-bottom: 10px; padding-top: 10px; text-align: center;}
.local {max-width: 1166px; margin: 0 auto;}
.local a {margin-left: 10px; margin-right: 10px;}
ul.productlist {padding: 15px; padding-top: 30px; text-align: center;}
ul.productlist li h2 {font-size: 16px;margin: 0; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3;}
ul.productlist li {margin-bottom: 20px;}
.diqupro {padding-bottom: 10px; padding-top:10px; margin-top: 25px; margin-bottom: 25px; border-top:solid 1px #ccc;}
.diqupro a {margin-left: 15px; margin-right: 10px; padding: 10px;}

.caselist ul li {margin-bottom: 20px;}
.casetitle {background: #fff; padding-bottom: 8px; padding-top: 10px;}

/*--表单--*/
.input-with-icon {position: relative;margin-bottom: 30px;}
.input-with-icon i {position: absolute;left: 28px;top: 15px;font-size: 22px;color: #999;}
.input-with-icon input {display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #f3f3f3;border: 0;width: 100%;color: #767676;outline: none;font-size: 16px;padding: 15px 15px 15px 45px;}
.fm-ta {background-color: #f3f3f3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 0;padding: 15px;font-size: 16px;outline: none;display: block;width: 100%;color: #767676;margin-bottom: 30px;}
.intxt {display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #f3f3f3;border: 0;width: 50%;color: #767676;outline: none;font-size: 16px;padding: 10px 15px;vertical-align: middle;}
.inyzm {display: inline-block;vertical-align: middle;}
.insubmit {display: block;width: 100%;padding: 15px;background-color: #465bb6;color: #fff;outline: none;}
.insubmit:hover {color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);}
.formlist img {width:200px; height:60px;}


/*--内容页--*/
.leftcon {color: #666; background: #fff; padding: 15px 15px 35px 15px; }
.leftcon h1 {font-size: 24px; border-bottom: solid 1px #f3f3f3; padding-bottom: 10px;}
.leftcon h3 {font-size: 24px; border-bottom: solid 1px #f3f3f3; padding-bottom: 10px;}
.leftcon p.source {font-size: 12px;}
.leftcon p.sour {font-size: 12px;}
.leftcon .content {text-align: justify;    font-size: 15px;
    line-height: 30px;}

.leftpro {color: #666; background: #fff; padding: 15px 0; clear: both; width: 100%;}
.leftpro h1 {font-size: 24px;}
.information {margin-bottom: 20px; margin-top: 20px;}
.leftpro h3 {font-size: 16px; color: #1183d9; border-bottom: solid 1px #f3f3f3; padding-bottom: 10px;}
.tag {margin-bottom: 10px;}
.pronews ul li span {float: right;}
.pronews ul li {line-height: 220%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prve .nextt {white-space: nowrap;text-overflow: ellipsis;}
.msg-form img {width: 200px; height: 60px;}


@media only screen and (max-width: 767px) {
	.head-top, .navbar-form, .yb_conct, .cutr  {display: none;}
	.top-nav {margin-top: 0;}
	.newspic {padding: 0;}
	ul.navbar-right li.dropdown ul.dropdown-menu li a {color: #fff;}
	.proiclass {display: none;}
	.leftcon h1 {font-size: 18px; line-height: 180%;}
	.leftcon h3 {font-size: 18px; line-height: 180%;}
}
@media only screen and (max-width: 1200px) {
	.navbar-form {display: none;}
}
.productsb{ padding:0 10px 20px 10px;}
.productsb .list{ width:140px; text-align:center; float:left; padding:10px 0 0 0;}
.productsb .list h4{ width:124px; height:124px;}
.productsb .list h4 a{width:120px;height:120px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:104px;*font-family:Arial;border:#817F7F 1px solid;padding:1px;}
.productsb .list h4 a:hover{ border:#000 1px solid;}
.productsb .list h4 img{vertical-align:middle;}
.productsb .list span{ display:block; padding:5px 0 0 0; line-height:18px; color:#636363;}
.productsb .list span strong{ line-height:18px;}

.comment_list{ padding:15px 20px 25px; font-size:12px;}
.comment_list ul{ list-style-type:none;}
.comment_list li{ line-height:18px; padding:6px 0;font-size:14px;}
.comment_list li a{ line-height:18px; display:block;padding:0 0 0 16px; color:#636363; font-size:14px; background:url(../images/cion01.gif) no-repeat left 4px;}
.comment_list li a:visited{color:#636363;}
.comment_list li a:hover{color:#212020; background:url(../images/cion01.gif) no-repeat left 3px; text-decoration:underline;}

.title02{background:url(../images/line02.gif) repeat-x left bottom; height:30px;}
.title02 h4{ background:url(../images/cion04.gif) no-repeat 5px 12px; line-height:30px; padding-left:20px; font-size:14px; color:#212020;}
.title02 a{ color:#212020; line-height:30px; padding-right:8px; float:right;}