@charset "utf-8";

/* CSS Document */
@import "font-awesome.min.css";
@import "et-line.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,300,700);
@import url(http://fonts.googleapis.com/css?family=Dosis:300,400,700);

body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-family: Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background: #fff; overflow-x: hidden; color:#111; font-size:13px; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a { color:#333; text-decoration: none;}
a:hover {}
div{display:block;}
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar { width: 6px; height: 12px; }
::-webkit-scrollbar-button:vertical { display: none; }
::-webkit-scrollbar-track:vertical { background-color: black; }
::-webkit-scrollbar-track-piece { background: #fff; }
::-webkit-scrollbar-thumb:vertical { background-color: #8e8e8e; border-radius: 5px; }
::-webkit-scrollbar-thumb:vertical:hover { background-color: #3b3b3b; }
::-webkit-scrollbar-corner:vertical { background-color: #535353; }
::-webkit-scrollbar-resizer:vertical { background-color: #ff6e00; }

/*banner*/
.bannerslide { height:540px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.paginationw { position: absolute; left: 0; z-index: 999; text-align: center; bottom:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .swiper-button-prev { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .swiper-button-next { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }

.home-content{ display:table; width:100%; height:100%; position:relative;}
.bantit{ height:100%; vertical-align:middle;}
.bantit.bantitx{ text-align:center; display:table-cell;}
.bantit .p1{
	padding-bottom:40px;
	position:relative;
	font-size:16px;
	font-weight:400;
	letter-spacing:0.3em;
	line-height:1.2;
	margin-top:0;
	color:#2b94b9;
}
.bantit .p2{ 
	color:#7b4faf;
	padding-bottom:20px;
	line-height:1.4;
	font-size:48px;
	position:relative;
	font-weight:bold; padding-top:100px;
}
.bantit .p2.pp2{ padding-top:250px;}

.btn{ box-sizing:border-box;}
.bantit .home_btn1{ 
	color:#fff; text-align:center;
	background:#dc3556;
	border:2px solid rgba(220,53,86, .75);
	border-radius:30px;
	height:auto;
	padding:6px 0px;
	font-size:11px;
	letter-spacing:1px;
	width:110px;
	display:inline-block;
}
.bantit .home_btn1:hover,.bantit .home_btn2:hover{ background:#f04164; color:#fff; border:2px solid rgba(240,65,100);}

.fl{float:left;}
.fr{float:right;}

.wapper{ width:1140px; margin:0 auto;}

.top{ background:#f75e00; height:40px;}

.top-links li{ float:left; border-left: 1px solid rgba(255,255,255, .07);}
.top-links li:last-child{ border-right: 1px solid rgba(255,255,255, .07);}
.top-links li a{ display:block; height:40px; line-height:40px; padding:0 10px; color:#fff; font-size:11px;letter-spacing:1px; min-width:40px; box-sizing:border-box; text-align:center;}

.tooltip-bot li .fa{ font-size:14px; position:relative; top:1px; line-height:40px;}
.bg-blues{ background-color:#f75e00 !important;}
.white{ color:#fff !important;}
.top-links li a:hover{
    color: #ccc;
    background-color: rgba(255,255,255, .05);
}

/*导航栏那一块*/
.nav-logo{ float:left; margin-right:20px;}
.nav-logo .logo{ display:table-cell; max-width:330px; height:75px; vertical-align:middle; transition:all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.nav-logo .logo img{ max-height:100%; max-width:100%;}
.fixednavbar {box-shadow: 0 1px 0 #dedede;-webkit-transition: all .2s linear;transition: all .2s linear;}

.a_m{ float:right; margin-top:5px; display:none;}

.inner-nav{ display:inline-block; position:relative; float:right;}
.inner-nav ul{ float:right; margin:auto; font-size:14px; letter-spacing:1px; text-transform:uppercase; text-align:center; line-height:1.3; z-index:10;}
.inner-nav ul .active{ color:#000;}
.inner-nav ul .nLi{ float:left; margin-right:30px; position:relative; line-height:75px; height:75px;}
.inner-nav ul .nLi a{ color:#777;}
.inner-nav ul .nLi a:hover{ color:#000;}
.inner-nav ul .nLi .sub{ display:none; width:120px; position:absolute; top:100%; left:-30px; padding:0; background:rgba(30,30,30, .97); z-index:10; }
.inner-nav ul .nLi .sub li{ display:block; width:100%; margin:0 !important; text-align:center;}
.inner-nav ul .nLi .sub li a{
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.3 !important;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 11px 15px;
    font-size: 12px;
    text-transform: none;    
    border-left: none;
    border-right: none;
    letter-spacing: 0;
    color: #b0b0b0 !important;
    cursor: pointer;
}
.inner-nav ul .nLi .sub li a:hover{background: rgba(255,255,255, .09); color: #f5f5f5 !important;}

.search-wrap{
    position: relative;
}
.search-field{
    width: 100% !important;
    height: 40px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 7px;
	border:1px solid rgba(0,0,0, .1);
}
.search-button{
    width: 42px;
    height: 40px;
    line-height: 38px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    right: 1px;    
    overflow: hidden;
    background: transparent;
    border: none;
    outline: none;
    color: #999;
    font-size: 14px;
}

.search-button:hover{
    color: #111;
}
.search-button:hover + .search-field{
    border-color: #ccc;
}
.mn-sub{ position:absolute; width:200px; right:0; top:100%; display:none;}
.mn-sub li{
    display: block;
    width: 100%;
    margin: 0 !important;
}
.mn-wrap{
    padding: 8px;
}
.fnon {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,.97);
    z-index: 10;
}


/*首页公司简介*/
.home01{ margin-top:54px; margin-bottom:30px;}
.home_bt{ font-size:18px; font-weight:700; text-align:center; line-height:1.4; letter-spacing:0.5em; margin-bottom:20px; color:#000;}
.home_nr{ font-size:15px; font-weight:300; color:#555; line-height:1.6; width:66%; text-align:center; margin:0 auto; padding-bottom:30px;}
.home01 .about_box{ padding-top:20px; margin-bottom:50px;}
.home01 .about_box .abox{ float:left; width:48%; margin-right:4%; position:relative;}
.home01 .about_box .abox .aboxcon{ float:right; width:48%;}
.home01 .about_box .aboxcon .bt1{ font-size:15px; color:#111;letter-spacing:0.1em; padding-bottom:10px;}
.home01 .about_box .aboxcon .txt1{ line-height:1.8; color:#999; font-size:13px; padding-top:3px;}
.home01 .about_box .alt-service-icon{ float:left; width:48%;}
.home01 .about_box .alt-service-icon img{ width:100%;}
.home01 .about_box .abox:last-child{ margin-right:0;}
.home01 .local-scroll{ margin:10px 0; text-align:center;}
.home01 .scan_btn{ color:#fff; border:2px solid transparent;letter-spacing:2px; box-sizing:border-box; font-size:12px; padding:8px 37px; border-radius:2px; display:inline-block;}

/*首页产品展示*/
.home02{ background:#f4f4f4; padding-top:54px; padding-bottom:50px;}
.hb02list { padding: 0 0 40px; margin: 0 30px; }
.hb02list .swiper-slide { background: #fff; }
.hb02list .swiper-pagination-bullet { background: #333; }
.hb02list .swiper-pagination-bullet-active { background: #007bba; }
.hb02list .swiper-slide .img { border-bottom:1px solid #f4f4f4;}
.hb02list .swiper-slide .img img { display: block; width: 100%; }
.hb02list .swiper-slide .box {}
.hb02list .swiper-slide .box .nam { font-size:14px; padding:5px 0; overflow: hidden;  border-bottom:1px solid #f4f4f4;}
.hb02list .swiper-slide .box .nam a{ font-weight:bold; color:#333; padding:0 20px;}
.hb02list .swiper-slide .box .con{ border-bottom:1px solid #f4f4f4; color:#777; font-size:12px; line-height:1.75; padding:15px 20px; background-color:#fff;}
.hb02list .swiper-slide .box .more{ padding:15px 20px;}
.hb02list .scan_btn{ color:#fff; border:2px solid transparent;letter-spacing:1px; box-sizing:border-box; font-size:12px; padding:6px 17px; margin:0 auto; border-radius:2px; display:inline-block;}


/*首页中间的banner*/
.bannerslide1 { height:320px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide1 .swiper-slide { background-position: center; background-size: cover; }
.paginationw1 { position: absolute; left: 0; z-index: 999; text-align: center; bottom:10px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide1 .swiper-button-prev { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide1 .swiper-button-next { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }


.bantit .s1{ font-size:18px; font-weight:700; line-height:1.6; margin-bottom:1em; color:#fff;}
.bantit .s2{ font-size:11px; font-weight:400; letter-spacing:2px; text-transform:uppercase; color:#fff; margin-bottom:16px;}
.bantit .home_btn{ color:#fff; border:2px solid transparent;letter-spacing:1px; box-sizing:border-box; font-size:12px; padding:6px 17px; margin:0 auto; border-radius:2px; display:inline-block;}

/*首页新闻*/
.home03{ margin:54px 0;}
.home03 .new_bt{ float:left;}
.home03 .new_more{ float:right; font-size:11px; color:#999; display:inline-block; letter-spacing:0.4em; margin-top:7px;}
.home03 .new_more .fa{ font-size:12px;}
.home_news .news_l{ float:left; width:68%;}
.home_news .news_img{ display:block; float:left; width:46%;}
.home_news .news_img img{ width:100%;}
.newsbox{ float:left; padding:0 25px; width:47%;}
.newsbox h3{ font-size:14px; padding:5px 0;}
.newsbox h3 a:hover{ color: #4bb1fc;font-weight:bold;}
.item{ font-size:11px; margin-bottom:20px; letter-spacing:1px;}
.item a{ color:#aaa;}
.item a:hover{ color:#000;}
.post-prev-text{
    margin-bottom: 22px;
    color: #777;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75;
	float:left;
}
.blog-item-foot .scan_btn{ color:#fff; border:2px solid transparent;letter-spacing:1px; box-sizing:border-box; font-size:12px; padding:6px 17px; margin:0 auto; border-radius:2px; display:inline-block;}
.scan_btn:hover,.home_btn:hover{ color:rgba(255,255,255, .85);}


.news_r{ float:right; width:32%;}
.news_r li{ padding:10px 0; border-bottom:1px dotted #ccc;}
.news_r li:first-child{ border-top:1px dotted #ccc;}
.widget-posts-img{ float:left; margin-right:15px;}
.widget-posts-descr a{ font-size:14px; display:block; color:#555;}
.widget-posts-descr a:hover{ color:#999;}
.widget-posts-descr{ color:#aaa; font-size:12px; overflow:hidden;}
.separator{ margin:0 5px;}

/*首页底部*/
#foot{ background:url(../images/fo.jpg) no-repeat center; height:264px;}
.footer{ padding:30px 0;}
.footer .fo1{ float:left; color:#fff; width:30%; padding:19px; line-height:1.6;}
.footer .fo1 img{ margin-bottom:20px; width:65px;}
.footer .fo1 p{ width:75%;}
.footer .fo1 h3{ font-size:15px; margin-bottom:10px; letter-spacing:0.1em;}
.footer .fo1 ul{ padding-left:15px;}
.footer .fo1 li{ list-style:disc;}
.footer .fo1 li a{ color:#fff;}

.bottom{ background:#f4f4f4; height:120px;}
.bottom .footer-copy{ padding-bottom:5px; letter-spacing:0.1em; font-size:12px; padding-top:30px;}
.bottom .footer-text{ padding:20px 0;}
.bottom .footer-made{ color:#333; font-size:11px;}
.bottom .footer-made a{ color:#333; margin-right:10px;}
.bottom hr{ border:0; border-top:1px solid #eee;}
.bottom .mt{ margin:10px 0;}

/*内页*/
.b{ background:#f8f8f8;}
.m{ width:95%; max-width:1140px; margin:0 auto;}
.n{ padding:50px 0;}

.main_left{ width:250px; float:left; border-top-left-radius: 20px;}
.main_left .left_h{ width:250px; border-top-left-radius: 20px; background:#f75e00; padding:10px 0;}
.main_left .left_h p{ text-align:center; color:#fff; text-transform:uppercase;}
.main_left .left_h .p1{ font-size:20px; font-weight:bold; line-height:1.8;}
.main_left .left_ul{ width:250px; padding:0 0 20px 5px; margin-top:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:99999; border-bottom:5px solid #f75e00; overflow:hidden;}
.main_left .left_ul .li1{ border-bottom: 1px solid #f1f1f1; line-height:40px; position:relative; text-indent:20px; transition:0.2s; -webkit-transition:0.2s; background:#fff url(../images/bg_l.png) no-repeat 200px 17px;}
.main_left .left_ul .li1:hover{  background:#fafafa url(../images/bg_l.png) no-repeat 205px 17px;}
.left_bg{ width: 250px; height: 40px; line-height: 40px; background: #F8F8F8; border-left: 5px solid #f75e00; position: absolute; top:-41px; left: 0; transition:0.2s; -webkit-transition:0.2s; z-index:-1; }
.main_left .left_ul .li1 .ul2{ width:248px; background:#f8f8f8; border:1px solid #f1f1f1; display:none; z-index:99999;}
.main_left .left_ul .li1 .ul2 .li2{ border-bottom: 1px solid #fff; background:#f1f1f1; transition:0.2s; -webkit-transition:0.2s; font-size:14px; z-index:99999; position:relative; text-indent:40px;}
.main_left .left_ul .li1 .ul2 .li2:hover{ background:#f8f8f8;}
.main_left .left_con{ padding:10px;}
.main_left .left_con p{ line-height:2; font-size:14px;}
.main_left .left_b{ background:#fff; box-shadow:0 10px 20px #999; border-top-left-radius: 20px;}

.main_right{ width:860px; float:right; background:#fff; padding:20px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow: 0 10px 20px #999; z-index:0;}
.main_right .tit { height: 40px; line-height: 40px; background:#eaeaec; border-radius: 15px 0 0 0; margin-bottom:20px;}
.main_right .tit h3 { font-size: 18px; float: left; color: #fff; font-weight: normal; padding: 0 40px; background:#f75e00; border-radius: 15px 0 15px 0; }
.main_right .tit .now { float: right; color: #999; margin-right: 10px; }
.main_right .tit .now a { color: #999; }
.main_right .bd{ padding:15px 0;}


/*客户反馈*/
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; margin-top:50px;  }
.messagecon p { margin-bottom: 20px; margin-top:20px; }
.messagecon .messagecontit{height: 40px; line-height: 40px; background: #eaeaec;}
.messagecon .messagecontit h3{ display:inline-block; font-size:18px; font-weight:normal; background: #f75e00; border-radius: 15px 0 15px 0; color:#fff; padding:0 40px;}
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ff9664; color: #fff; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }

.messagebtn.btnon { background:#f75e00; }

/*product*/
.product{}
.product_ul{ width:100%;}
.product_ul li{ width:30%; margin-right:4%; float:left; border:1px solid #ccc; position:relative; margin-bottom:20px;}
.product_ul li:nth-child(3n){ margin-right:0;}
.product_ul li img{ width:100%;}
.product_ul li .pro_t{ display:block; padding:20px; background:#f2f7fb; transition:0.5s; -webkit-transition:0.5s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product_ul li .line{position:absolute; background:#f75e00; transition:0.5s; -webkit-transition:0.5s;}
.product_ul li .line1{left:0; top:0; height:2px; width:0;}
.product_ul li .line2{right:0; top:0; height:0px; width:2px;}
.product_ul li .line3{right:0; bottom:0; height:2px; width:0;}
.product_ul li .line4{left:0; bottom:0; height:0; width:2px;}
.product_ul li:hover .line1{width:100%;}
.product_ul li:hover .line2{height:100%;}
.product_ul li:hover .line3{width:100%;}
.product_ul li:hover .line4{height:100%;}
.product_ul li:hover p{background:#f75e00; color:#fff;}
.product_ul li:hover a{color:#fff;}

/*news*/
.news{ width:100%;}
.nwli{ border-bottom:#ccc 1px dashed; height:150px}
.nwli img{ border:1px solid #bbb;}
.nwli.on{ background-color:#f7f7f7}
.conc_tu{ float:left; margin-top:20px; width:150px; height:113px}
.conc_zi{ float:left; margin-left:30px; margin-top:20px; width:640px}
.czi_tit{ font-size:16px; font-weight:bold; color:#000}
.czi_tit a{ color:#555555;}
.czi_nr{ margin-top:20px; color:#666666}
.czi_nr span{ display:block; padding-top:10px; font-size:14px; color:#ff1b1b;}

.tech01{ text-align:center; padding:0 40px; font-size:15px; line-height:30px;}
.tech_line{ text-align:center; margin-top:20px; margin-bottom:10px;}
.tech_line span{ background:#7f4dae; width:100px; height:5px; display:inline-block;}
.tech02{}
.tech02 li{ float:left; width:48%; margin:10px 1%;}
.tech02 li img{ width:100%;}

.incom{}
.incom p{ line-height:32px; margin-bottom:20px;}
.incom img{ width:100%;}

.inculture{ width:96%; margin:auto;}
.inculture ul{ background:#f6f6f6;}
.inculture ul li{ width:50%;}
.inculture ul li.img{ float:left;}
.inculture ul li.img img{ width:100%;}
.inculture ul li.txt{ float:right; text-align:center; display:table-cell; height:100%; vertical-align: middle; padding:30px; box-sizing:border-box;}
.inculture ul:nth-child(2n) li.img{ float:right;}
.inculture ul:nth-child(2n) li.txt{ float:left;}
.inculture ul li.txt h3{ margin-top:50px; font-size:18px; margin-bottom:20px;}

.inper01{ text-align:center; border:1px #eee solid; padding:40px 10px; font-size:14px;}
.inper01 h2{ margin-bottom:20px;}
.inper01 img{ margin-top:40px;}
.inper02{ text-align:center; font-size:16px; line-height:32px; background:#f6f6f6; padding:40px 60px; color:#666;}

.contact p{ line-height:24px;}

@media (max-width: 1000px){
	.wapper{ width: 100%; padding: 0 20px; box-sizing: border-box; }
	.newsbox{ width:42%;}
	.footer .fo1{ width:28%;}
	.inner-nav{ display:none;}
	.a_m{ display:block;}
	.main_left{ display:none;}
	.main_right{ width:100%; float:none; padding:5px;}
	.main_right .tit h3{ font-size:14px;}
	.main_right .tit .now{ font-size:12px;}
	.main_right .tit{ height:30px; line-height:30px;}
	.product_ul li,.honor_ul li{ width:48%; margin-right:2%;}
	.product_ul li:nth-child(3n){ margin-right:2%;}
	.product_ul li:nth-child(2n){ margin-right:0;}
	.n{ padding:20px 0;}
	.conc_tu{ display:none;}
	.conc_zi{ width:100%; margin-left:0;}
	.contact .p1{ font-size:20px;}

}

@media (max-width: 720px){
	.top-links li a{ letter-spacing:0;}
	.nav-logo .logo{ height:auto; padding:10px 0;}
	.inner-nav ul .nLi{ height:auto;}
	.tooltip-bot{ display:none;}
	.home01 .about_box .abox{ width:30%;}
	.news_r{ float:left; width:100%;}
	.home_news .news_l{ width:100%; margin-bottom:20px;}
	.footer .fo1{ width:100%;}
	#foot{ display:none;}
	.bottom{ height:150px; text-align:center; background:#333; color:#999;}
	.bantit .p2{ font-size:30px;}
	.footer-copy .fr,.footer-made .fr{ display:none;}
	.home_news .news_img{ display:none;}
	.newsbox{ width:100%; padding:0;}
	.home01 .about_box .aboxcon .txt1{ display:none;}