﻿@charset "utf-8";
/* CSS Document */
body,ul,p,h1,h2,h3,h4,dl,dd,form,input,textarea,select { padding:0; margin:0; font-weight:normal;}
div{ display:block; padding:0; margin:0;}
html{height:100%;}
body{ font-family:"微软雅黑"; position:relative; z-index:1; height:100%; background:#F6F6F6;}
input{ font-family:"微软雅黑"; outline:none;}
a:hover, a:focus{ text-decoration:none;}
li { list-style:none; }
img { border:none; padding:0; margin:0; vertical-align:bottom;}
a { text-decoration:none; }
.fl{ float:left;}
.fr{ float:right;}
a:hover { text-decoration:none; }
.clear { zoom:1; clear:both; }
.clear:after { content:''; display:block; clear:both; }
.clear2{ display:none;}
.myclear { zoom:1; clear:both; display:none; }
table{ border-collapse:collapse;}

/**禁止ios和android用户选中文字**/
.css{-webkit-user-select:none;}
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.center{ width:100%; margin:0 auto; max-width:1200px;}
.transform_time{ -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.transform_img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.font{ overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.font{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

/**导航**/
.header{ background:url(../images/header.png) center no-repeat; width:100%; height:102px; position:fixed; top:0; left:0; z-index:99999;}
.mobile{ width: 100%; max-width:1200px; margin:0 auto; height:102px; position:relative; z-index:9999; padding:0 64px 0 242px;}
.logo{ display:block; width:242px; height:102px; overflow:hidden; position:absolute; top:0; left:0; z-index:99999;}
.logo img{ height:102px;}
.mobile-inner-nav{ max-width:840px; float:right; text-align:center; width:100%;}
.mobile-inner-nav li{ display:inline-block; position:relative; z-index:1;}
.nav_dl{ display:none; width:110px; position:absolute; top:94px; left:50%; margin-left:-55px; z-index:9; background:#83BB1A;}
.nav_dl dd{ width:110px; height:38px; text-align:center;}
.nav_dl dd a{ display:block; width:100%; height:38px; font-size:14px; line-height:38px; padding:0; margin:0;}


.mobile-inner-nav a{ display:inline-block; height:94px; padding:0 22px; line-height:94px; font-size:16px; color:#fff; position:relative; z-index:1; position:relative; z-index:1;}
.mobile-inner-nav a sub{ overflow:hidden; background:#EA5503; height:5px; bottom:5px; width:0; position:relative; display: block; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); margin:0 auto; -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

.mobile-inner-nav a span{ line-height:20px; font-size:14px; color:#EA5503; overflow:hidden; position:absolute; top:58px; left:50%;  height:20px;  width:0; margin-left:-50%;}


.mobile-inner-nav li:hover a.frsta,.mobile-inner-nav li.cur a.frsta{ color:#EA5503;}
.nav_dl dd a:hover{color:#EA5503;}

.mobile-inner-nav li:hover sub,.mobile-inner-nav li.cur sub{ width:100%;}
.mobile-inner-nav li:hover span,.mobile-inner-nav li.cur span{ width:100%; }
.mobile_right{ width:50px; height:94px; position:absolute; top:0; right:0; z-index:9;}
.mobile_right span{ display:block; height:94px; cursor:pointer; position:absolute; top:0; left:50%; margin-left:-12px; position:relative; z-index:1; width:24px; background:url(../images/search.png) center no-repeat; z-index:99;}
.search_box{position:absolute; top:94px; z-index:9; display:none; background:#fff; height:30px; width:250px; right:12px;}
.search_text{ position:absolute; top:0; left:0; z-index:88; width:100%; height:30px; line-height:20px; padding:5px 30px 5px 5px; font-size:14px; color:#aaa; border:none; outline:none;}
.search_submit{ display:block; border:none; background:url(../images/search.png) center no-repeat; width:30px; height:30px; position:absolute; top:0; right:0; z-index:99;  outline:none; cursor:pointer;}


.pro_a:hover a.profa{ color:#EA5503;}
.pro_a:hover a.profa sub{ width:100%;}
.pro_a:hover a.profa span{ width:100%; }

.pro_nav{ display:none; width:100%; background:#EEEEEE url(../images/pro_nav.png) top center no-repeat; position:fixed; top:94px; z-index:9999; left:0; height:330px;}
.pro_nav_box{ width:100%; max-width:1200px; margin:0 auto; padding-top:40px;}
.pro_nav_box dl{ width:25%; float:left; padding-right:40px;}
.pro_nav_box dl dt{ width:100%; border-bottom:1px solid #D7D7D7; font-size:18px; color:#104239;}
.pro_nav_box dl dt img{ width:100%;}
.pro_nav_box dl dd ul{ width:100%; padding-top:22px;}
.pro_nav_box dl dd ul li{ overflow:hidden; width:74px; font-size:12px; height:32px; margin:0 20px 10px 0; float:left; text-align:center; }
.pro_nav_box dl dd ul li a{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; border:1px solid #D8D8D8; padding:0;-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; background:#F1F1F1; color:#323232; line-height:30px; display:block; width:100%; height:100%;}
.pro_nav_box dl dd ul li a:hover{ background:#EB5403; color:#fff; border-color:#EB5403;}
.none{ display:none !important;}

/**banner**/
.i_banner{ width:100%; padding-top:94px;}
#owl-demo{ display:none; width:100%;}
#owl-demo .item { width:100%; overflow:hidden; display:block; background:none !important;}
#owl-demo li .item_con{ width:100%; max-width:1200px; height:56px;
position:absolute;
bottom:84px;
text-align:center;
left:50%;
margin-left:-600px;
}
#owl-demo li .item_con .h1{ color:#fff; font-size:46px; font-weight:600; line-height:72px;}
#owl-demo li .item_con .h2{ color:#e95504; font-size:34px; line-height:50px; text-transform:uppercase;}
#owl-demo li .item_con p{ font-size:23px; color:#dadada; line-height:32px;}
#owl-demo li .mob_banner{ width:100%;}
#owl-demo .owl-controls { height:0; padding:0; margin:0 auto;}
#owl-demo .owl-wrapper-outer{ z-index:1040;}
#owl-demo .owl-controls .owl-pagination { padding-bottom:10px;width: 100%; max-width:100% !important;  margin: 0 auto; text-align:center; position:absolute; bottom:0; z-index:1040;}
#owl-demo .owl-controls .owl-page span { display: block;width:16px;height:16px;margin: 5px; background:none; border:2px solid #EA5503; -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius: 8px;}
#owl-demo .owl-controls .owl-page.active span{ width:38px; background:#EA5503;}

.banner_but{ width:100%; padding:10px 0; margin-top:50px;}
.banner_but a{ display:inline-block; padding:0 24px; font-size:14px; height:36px; line-height:34px; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; border:1px solid #fff; position:relative; z-index:1; background:#fff; color:#EA5503;}
.banner_but a.banner_video{ padding-right:34px; }
.banner_but a.banner_video::after{ content:''; display:block; width:10px; height:14px; background: url(../images/banner_video.png) center no-repeat; right:18px; top:50%; margin-top:-6px; position:absolute; z-index:9;}
.banner_but a:hover{ border-color:#EA5503; background:#EA5503; color:#fff;}
.banner_but a.banner_video:hover::after{ background:url(../images/banner_video1.png) center no-repeat;}

.brand{ width:100%; background:#83BB1A; border-bottom:7px solid #EB5405;}
.brand img{ width:100%; }
.brand-2 { width:100%;}
.brand-2 .main-icons {
	height: 550px;
	position: relative
}
.brand-2 .main-icons .bg, .brand-2 .main-icons .heightlight {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.brand-2 .main-icons .bg {
	background: url(../images/line.png) no-repeat center top
}
.brand-2 .main-icons .heightlight {
	background:url(../images/gaoguang.png) no-repeat center top
}
.brand-2 .main-icons .icons {
	width: 912px;
	position: absolute;
	top: 56px;
	bottom: 0;
	left: 50%;
	margin-left: -456px
}
.brand-2 .main-icons .icons .item {
	width: 16.6666666%;
	background-image: url(../images/brandlogo.png);
	background-repeat: no-repeat;
	float: left;
	opacity: 0
}
.brand-2 .p {
	line-height: 28px;
	margin-bottom: 28px;
	text-align: center;
	color: #fff;
	font-size: 18px
}
.brand-2 .bottom-icon {
	height: 40px;
	padding: 19px 0;
	margin-bottom: 28px;
	background: url(../testimg/to-bottom.png) no-repeat center center
}
.brand-2 .grid-row {
	margin: 0 60px
}
.brand-2 .grid-row .item {

}
.brand-2 .grid-row .item img {
	width: 100%;
	height: 118px;
	display: block
}

.brand-2 .main-icons .icons .item-00 {
	height:70px;
}
.brand-2 .main-icons .icons .item-01 {
	height:70px;
}
.brand-2 .main-icons .icons .item-02 {
	background-position: -448px -56px;
	height:70px;
}
.brand-2 .main-icons .icons .item-03 {
	background-position: -600px -56px;
	height:70px;
}
.brand-2 .main-icons .icons .item-04 {
	height:70px;
}
.brand-2 .main-icons .icons .item-05 {
	height:70px;
}

.brand-2 .main-icons .icons .item-10 {
	height:62px;
}
.brand-2 .main-icons .icons .item-11 {
	background-position: -296px -124px;
	height:62px;
}
.brand-2 .main-icons .icons .item-12 {
	background-position: -448px -124px;
	height:62px;
}
.brand-2 .main-icons .icons .item-13 {
	background-position: -600px -124px;
	height:62px;
}
.brand-2 .main-icons .icons .item-14 {
	background-position: -752px -124px;
	height:62px;
}
.brand-2 .main-icons .icons .item-15 {
	height:62px;
}


.brand-2 .main-icons .icons .item-20 {
	height:70px;
	background-position: -145px -190px;
}
.brand-2 .main-icons .icons .item-21 {
	height:70px;
	background-position: -295px -190px;
}
.brand-2 .main-icons .icons .item-22 {
	height:70px;
}
.brand-2 .main-icons .icons .item-23 {
	height:70px;
}
.brand-2 .main-icons .icons .item-24 {
	height:70px;
	background-position: -752px -190px;
}
.brand-2 .main-icons .icons .item-25 {
	height:70px;
	background-position: -904px -190px;
}


.brand-2 .main-icons .icons .item-30 {
	height:70px;
	background-position: -145px -254px;
}
.brand-2 .main-icons .icons .item-31 {
	height:70px;
	background-position: -295px -254px;
}
.brand-2 .main-icons .icons .item-32 {
	height:70px;
}
.brand-2 .main-icons .icons .item-33 {
	height:70px;
}
.brand-2 .main-icons .icons .item-34 {
	height:70px;
	background-position: -752px -254px;
}
.brand-2 .main-icons .icons .item-35 {
	height:70px;
	background-position: -904px -254px;
}



.brand-2 .main-icons .icons .item-40 {
	height:70px;
}
.brand-2 .main-icons .icons .item-41 {
	height:70px;
	background-position: -296px -324px;
}
.brand-2 .main-icons .icons .item-42 {
	height:70px;
	background-position: -448px -324px;
}
.brand-2 .main-icons .icons .item-43 {
	height:70px;
	background-position: -600px -324px;
}
.brand-2 .main-icons .icons .item-44 {
	height:70px;
	background-position: -752px -324px;
}
.brand-2 .main-icons .icons .item-45 {
	height:70px;
}

.brand-2 .main-icons .icons .item-50 {
	height:60px;
}
.brand-2 .main-icons .icons .item-51 {
	height:60px;
}
.brand-2 .main-icons .icons .item-52 {
	height:60px;
	background-position: -448px -394px;
}
.brand-2 .main-icons .icons .item-53 {
	height:60px;
	background-position: -600px -394px;
}
.brand-2 .main-icons .icons .item-54 {
	height:60px;
}
.brand-2 .main-icons .icons .item-55 {
	height:60px;
}





.i_about{ width:100%; height:560px; background:#EEEEEE;}
.i_about_center{ width:100%; max-width:1100px; margin:0 auto; padding:0 10px;}
.i_about_left_box{ width:360px; height:320px; border:3px solid #94C325; overflow:hidden; float:left;}
.i_about_left{ display:none; width:100%; }
.i_about_left .item { width:100%; height:100%; overflow:hidden; display:block;}
.i_about_left .item img{ width:100%; height:100%;}
.i_about_left .owl-controls { height:0; padding:0; margin:0 auto;}
.i_about_left .owl-wrapper-outer{ z-index:1040;}
.i_about_left .owl-controls .owl-pagination { padding-bottom:10px;width: 100%; max-width:100% !important;  margin: 0 auto; text-align:right; position:absolute; bottom:0; z-index:1040;}
.i_about_left .owl-controls .owl-page span { display: block; width:14px;height:16px;margin: 4px; background:none; border:none; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; background:url(../images/about_pic02.png) center no-repeat;}
.i_about_left .owl-controls .owl-page.active span{ background:url(../images/about_pic01.png) center no-repeat;}



.i_about_right{ width:666px; height:320px; float:right;  padding-top:60px;}
.i_about_right p{ text-indent:32px; font-size:16px; color:#000; line-height:30px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height:120px;}
.i_about_right dl{ width:25%; overflow:hidden; float:left; margin-top:24px;}
.i_about_right dl a{ display:block; width:100%; max-width:98px; margin:0 auto; background:url(../images/i_about_icon.png) center no-repeat; background-size:100% 100%; position:relative; z-index:1;}
.i_about_right dl a dt{ position:absolute; top:25%; left:0; height:25%; width:100%;}
.i_about_right dl a dd{ position:absolute; top:51%; left:0; height:25%; width:100%; text-align:center; font-size:14px; color:#5E5E5E; padding-top:6px; line-height:1;}

.i_about_right dl a dt.i_dt01{background:url(../images/i_about_icon01.png) center no-repeat; background-size:auto 100%;}
.i_about_right dl a dt.i_dt02{background:url(../images/i_about_icon02.png) center no-repeat; background-size:auto 100%;}
.i_about_right dl a dt.i_dt03{background:url(../images/i_about_icon03.png) center no-repeat; background-size:auto 100%;}
.i_about_right dl a dt.i_dt04{background:url(../images/i_about_icon04.png) center no-repeat; background-size:auto 100%;}



.i_about_right dl a:hover{ background:url(../images/i_about_icon_hover.png) center no-repeat; background-size:100% 100%;}
.i_about_right dl a:hover dt.i_dt01{ background:url(../images/i_about_icon01_hover.png) center no-repeat; background-size:auto 100%;}
.i_about_right dl a:hover dt.i_dt02{ background:url(../images/i_about_icon02_hover.png) center no-repeat; background-size:auto 100%;}
.i_about_right dl a:hover dt.i_dt03{ background:url(../images/i_about_icon03_hover.png) center no-repeat; background-size:auto 100%;}
.i_about_right dl a:hover dt.i_dt04{ background:url(../images/i_about_icon04_hover.png) center no-repeat; background-size:auto 100%;}
.i_about_right dl a:hover dd{ color:#90C31F;}

.i_about_bottom{ height:137px; border-bottom:7px solid #EB5405; width:100%; background:#E7EBDD;}
.i_about_bottom ul{ width:100%; max-width:1070px; margin:0 auto; padding-top:20px; padding-left:6.5%;}
.i_about_bottom ul li{ width:33.33%; float:left; height:54px; padding:10px 0;}
.i_about_bottom ul li a{ color:#264943; display:block; font-size:18px; font-weight:bold; position:relative; z-index:1; padding:0 10px 0 40px; width:100%; line-height:34px;}
.i_about_bottom ul li a:hover{ color:#EA5503;}
.i_about_bottom ul li span{ display:block; width:30px; height:34px; position:absolute; z-index:9; background:url(../images/bg02.png) center no-repeat; left:0px; text-align:center; color:#fff; font-size:20px; line-height:34px;}

.i_history{ width:100%; height:718px; background:url(../images/i_bg1.jpg) center no-repeat;}
.prism_box{ width:966px; margin:0 auto; height:601px; position:relative; z-index:1;}
.prism {width: 170px;height: 170px;-webkit-transform-origin: 0 100%;-moz-transform-origin: 0 100%;-o-transform-origin: 0 100%;-ms-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute;  cursor:pointer; border:2px solid #fff; overflow:hidden;}
.pro_img{ background: #fff;}
.pro01{ top:190px; left:120px;}
.pro02{ top:311px; left:241px;}
.pro03{ top:190px; left:362px;}
.pro04{ top:311px; left:483px;}
.pro05{ top:190px; left:604px;}
.pro06{ top:311px; left:725px;}
.pro07{ top:190px; left:846px;}
.pro_detail01{ top:70px; left:0; border-color:#EB5307; background:#EB5307; display:none;}
.pro_detail02{ top:431px; left:121px; border-color:#EB5307; background:#EB5307; display:none;}
.pro_detail03{ top:70px; left:482px; border-color:#EB5307; background:#EB5307; display:none;}
.pro_detail04{ top:431px; left:363px; border-color:#EB5307; background:#EB5307; display:none;}
.pro_detail05{ top:70px; left:724px; border-color:#EB5307; background:#EB5307; display:none;}
.pro_detail06{ top:431px; left:605px; border-color:#EB5307; background:#EB5307; display:none;}
.pro_detail07{ top:70px; left:966px; border-color:#EB5307; background:#EB5307; display:none;}

.prism .pro_con{ width:100%; height:100%; position:relative; z-index:10; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.prism .pro_con img{ width:100%; height:100%;}
.prism .pro_title{ display:block; width:100%; height:40px; position:absolute; top:50%; margin-top:-20px; right:-10px; text-align:right; font-weight:600;}
.prism .pro_title p{ line-height:20px; font-size:14px; color:#e8410c; font-weight:600;}

.prism .pro_detail{ width:100%; height:100%; position:relative; z-index:10; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); font-size:14px; color:#fff; line-height:20px; font-weight:600; display: flex; padding:5px; justify-content:center; flex-direction:column;}

.prism:hover{ border-color:#EB5307;}

.mob_history{ display:none;}

.i_contact{ width:100%; height:578px; background:url(../images/i_bg2.jpg) center no-repeat; text-align:center; padding:110px 10px 0;}
.i_contact_box{  height:320px; width:100%; position:relative; z-index:1;}
.i_contact_bg{ display:block; width:19.5%; height:100%; position:absolute; top:0; background:url(../images/i_contact_box.png) left center no-repeat; background-size:100% auto;}
.i_contact_but{ width:100%; text-align:center; padding:18px 0 58px;}
.i_contact_but p{ line-height:48px; font-size:26px; color:#333333;}
.i_contact_but p a{ display:inline-block; height:48px; padding:0 20px 0 60px; background:#EB5307 url(../images/i_contact_but.jpg) 22px center no-repeat; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; text-align:center; font-size:20px; color:#fff; margin-right:20px;}
.i_contact_box .i_contact_list{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; width:100%;padding:18px; padding-left:17.66%; background:#8FC41E; }
.i_contact_box .i_contact_list ul{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; width:100%; padding:12px 26px; background:#fff;}
.i_contact_box .i_contact_list ul li{ width:50%; float:left; height:50px; line-height:50px; text-align:left; padding-right:10px;}
.i_contact_box .i_contact_list ul li a{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; display:block; width:100%; background:url(../images/i_contact_list.jpg) left center no-repeat; height:50px; line-height:50px; padding-left:40px; color:#000; font-size:20px; }
.i_contact_box .i_contact_list ul li a strong{ color:#8fc31e; font-weight:bold;}

.i_products{ width:100%; height:824px; background:url(../images/i_bg3.jpg) center no-repeat;}
.i_products_box{ width:100%; padding-left:86px; position:relative; z-index:1; padding-top:50px;}
.i_products_but{ width:270px; height:560px; position:absolute; top:50px; left:0; z-index:9; padding-top:32px;}
.i_products_but dl{ width:100%;  height:124px;  padding:10px 0;}
.i_products_but dl a{ display:block; width:100%; height:104px; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; border:4px solid #8FC320; padding-left:66px; z-index:1; position:relative;}

.i_products_but dl a dt{ width:66px; height:100%; background:#EA5505; position:absolute; top:0; left:0; z-index:9; font-size:20px; color:#fff; text-align:center; line-height:24px; padding:26px 10px 0;}
.i_products_but dl a dd{ width:100%; height:100%; overflow:hidden; background:#F3F3F3; position:relative; z-index:1;}
.i_products_but dl a dd img{ width:100%;}
.i_products_but dl a dd i{ display:none; width:19px; height:18px; background:url(../images/i_products_but_cur.png) center no-repeat; position:absolute; top:50%; right:0; z-index:9; margin-top:-9px;}

.i_products_but dl a:hover dd,.i_products_but dl a.cur dd{ background:#8FC320;}
.i_products_but dl a:hover dd i,.i_products_but dl a.cur dd i{ display:block;}

.i_products_list{ width:100%; height:560px; background:url(../images/i_products_list.png) center no-repeat; background-size:100% 100%; padding:25px 20px 25px 204px}
.i_products_tab{ width:100%; display:none;}
.i_products_tab_left{ width:468px; float:left; height:510px; overflow:hidden;}
.i_products_tab_left img{ width:100%;}
.i_products_tab_right{ float:right; width:418px;}
.i_products_tab_right_img{ width:100%;}
.i_products_tab_right_img li{ width:50%; float:left; padding-left:14px;}
.i_products_tab_right_img li a{ display:block; width:100%; overflow:hidden;}
.i_products_tab_right_img li a img{ width:100%;}
.i_products_tab_right_con{ padding:16px 0 0 14px; height:312px;}
.i_products_con{ width:100%; height:100%; background:#fff; padding:24px 10px;}
.i_products_con .h1{ font-size:32px; color:#000; font-weight:600; line-height:42px;}
.i_products_con p{ font-size:14px; color:#333; line-height:24px;}
.i_products_con_left{ width:180px; float:left; padding-top:22px;}
.i_products_con_left li{ width:68px; font-size:12px; height:32px; margin:0 10px 10px 0; float:left; text-align:center; }
.i_products_con_left li a{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; background:#F1F1F1; color:#333; line-height:32px; display:block; width:100%; height:100%; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.i_products_con_left li a:hover{ background:#EB5403; color:#fff;}
.i_products_con_right{ width:200px; float:right; padding-top:16px;}
.i_products_con_right .h2{ font-weight:600; font-size:18px; color:#8fc31e; line-height:40px;}
.i_products_con_right p{ line-height:20px; font-size:14px; color:#333333; height:120px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}

.i_case{ width:100%; height:635px; background:url(../images/i_bg4.jpg) center no-repeat;}
.i_case_left{ width:470px; float:left;}
.i_case_left .h1{ text-align:center; font-size:22px; font-weight:bold; color:#fff; width:320px;}
.i_case_left span{ margin:8px 0 20px; display:block; width:158px; height:62px; line-height:62px; background:url(../images/i_case_left.png) center no-repeat; font-size:20px; color:#fff; font-weight:bold; padding-left:15px;}
.i_case_left p{ font-size:18px; line-height:28px; color:#fff;}
.i_case_but{ width:100%; padding-top:60px;}
.i_case_but a{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; padding:0 12px 0 36px; color:#fff; font-size:16px; display:inline-block; width:114px; background-color:#8FC41E; height:48px; line-height:48px;}
.i_case_but a.i_case_but01{ background:#8FC41E url(../images/i_case_icon01.jpg) 10px center no-repeat; }
.i_case_but a.i_case_but02{ background:#8FC41E url(../images/i_case_icon02.jpg) 10px center no-repeat; }
.i_case_but a.i_case_but03{ background:#8FC41E url(../images/i_case_icon03.jpg) 10px center no-repeat; }

.i_case_right{ width:710px; float:left; height:380px;}
.i_case_mob{ display:none;}
/* ui-banner */
.ui-banner{display:block;position:relative;width:100%;}
.ui-banner.ui-banner-invalid{display:none;}
.ui-banner .ui-banner-slogans{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px;}
.ui-banner,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{height:380px; }
.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0;}
.ui-banner ul{list-style-type:none;margin:0;padding:0;overflow:hidden;}
.ui-banner .ui-banner-slides{ width:400px; height:380px;left:0px; border:3px solid #EB5307; -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px;}
.ui-banner .ui-banner-slides li{display:none;position:absolute; width:394px; height:374px;}
.ui-banner .ui-banner-slides li img{width:100%;height:100%;border:none;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:0px;}
.ui-banner .ui-banner-slides li.ui-banner-slides-next{left:0px;}
.ui-banner .ui-banner-slogans{height:380px; overflow:hidden; width:280px; right:0; top:0px;}
.ui-banner .ui-banner-slogans li{ width:100%; height:117px; }
.ui-banner .ui-banner-slogans li .img_box{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.ui-banner .ui-banner-slogans li img{ width:100%; /*height:100%;*/ -webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px;}
.ui-banner .ui-banner-slogans li span{ padding:0 10px; width:60px; height:100%; position:absolute; top:0px; right:0; z-index:9; background:#8FC41E; color:#fff; text-align:center; font-size:24px; display: -moz-box; /* Firefox */ 
display: -ms-flexbox; /* IE10 */ 
display: -webkit-box; /* Safari */ 
display: -webkit-flex; /* Chrome, WebKit */ 
display: box; 
display: flexbox; 
display: flex; 
flex-direction:column;
justify-content: center;}
.ui-banner .ui-banner-slogans li.ui-banner-next { height:147px; padding:10px 0;}
.ui-banner .ui-banner-slogans li.ui-banner-next span{ background:url(../images/ui-banner-next.png) repeat;}
.ui-banner .ui-banner-arrow{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; display:block;width:280px;outline:none; height:117px; right:0; z-index:999;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{ top:0px; background:url(../images/ui-banner-arrow-prev.png) center no-repeat;}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{ top:264px; background:url(../images/ui-banner-arrow-next.png) center no-repeat;}
.ui-banner .ui-banner-overlay{bottom:0;height:10px;position:absolute;right:0;width:173px;}


.i_experience{ width:100%; height:957px; background:url(../images/i_bg5.jpg) center no-repeat; border-bottom:7px solid #EB5405; padding:20px 10px 36px;}
.i_experience_center{ width:100%; max-width:1290px; background:#fff; height:100%; margin:0 auto;}
.i_experience_list{ width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
.i_experience_list dl{ width:50%; height:190px; margin-top:50px; float:left;}
.i_experience_list dl:nth-child(odd){ padding-right:10px;}
.i_experience_list dl:nth-child(even){ padding-left:10px;}
.i_experience_list dl a{ display:block; width:100%; height:100%; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px; position:relative; z-index:1; background:#F5F5F5; padding-left:216px;}
.i_experience_list dl a i{ display:block; width:21px; height:21px; top:0; right:0; z-index:9; position:absolute; background:url(../images/i_experience_list.jpg) center no-repeat;}
.i_experience_list dl a dt{ width:216px; height:190px; overflow:hidden; position:absolute; top:0; left:0; z-index:9;}
.i_experience_list dl a dt img{ width:100%;}
.i_experience_list dl a dd{ width:100%; position:relative; z-index:2; height:100%; padding:24px 20px;}
.i_experience_list dl a dd .h1{ height:60px; line-height:60px; width:100%; padding-left:70px; font-size:23px; color:#222222; font-weight:600; margin-bottom:8px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}

.i_experience_list dl a dd p{  font-size:14px; color:#000; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:72px}
.i_experience_list dl a dd .i_experience_bg{ display:block; width:100%; height:12px; position:absolute; bottom:-12px; right:0; z-index:10; background:url(../images/i_experience_bg.jpg) top center no-repeat; background-size:100% 100%;}

.i_news{ width:100%; height:670px; background:url(../images/i_bg6.jpg) center no-repeat;}
.i_news_left{ width:50%; max-width:560px; float:left; height:430px; background:#fff;}
.i_news_right{ width:50%; max-width:560px; float:right; height:430px; background:#fff;}
.i_news_left dt,.i_news_right dt{ padding-left:18px; color:#fff; font-size:16px; font-weight:600; height:50px; line-height:50px; position:relative; z-index:1; background:#8FC41E;}
.i_news_left dt span{ display:inline-block; height:50px; line-height:50px; border-bottom:3px solid #8FC41E; font-size:16px; color:#fff; margin-right:30px; cursor:pointer;}
.i_news_left dt span.cur,.i_news_left dt span:hover{ border-color:#EB5405;}
.i_news_left dt a,.i_news_right dt a{ font-weight:600; background:#EB5405; display:block; width:92px; text-align:center; color:#fff; line-height:50px; height:50px; position:absolute; top:0; right:0; z-index:9; font-size:18px;}
.i_news_left dd,.i_news_right dd{ width:100%; height:380px; border:1px solid #E7E9E8; border-top:none;}
.i_news_left dd .i_news_tab{ display:none; width:100%; height:100%; padding:20px 16px;}
.i_news_left dd .i_news_tab img{ width:100%;}
.i_news_left dd .i_news_tab ul{ width:100%; padding-top:16px;}
.i_news_left dd .i_news_tab ul li{ width:100%; height:34px;}
.i_news_left dd .i_news_tab ul li a{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; font-size:14px; color:#333; background:url(../images/i_news_left.jpg) center left no-repeat; display:block; width:100%; height:34px; line-height:34px; position:relative; z-index:1; padding-left:16px;}
.i_news_left dd .i_news_tab ul li a:hover{ color:#EB5405;}

.i_news_right dd{padding:10px 2px 0;}
.i_problem{ width:100%; border-bottom:1px dashed #B2B2B2; padding:18px 0px 14px 12px;}
.i_problem .h1{ line-height:24px; height:24px; font-size:14px; color:#333333; padding-left:36px; margin-bottom:10px; background:url(../images/q.jpg) center left no-repeat;}
.i_problem .h1 a{ color:#333333;}
.i_problem p{ font-size:13px; color:#888888; height:48px; line-height:24px; padding-left:36px; background:url(../images/a.jpg) top left no-repeat; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.i_problem .h1 a:hover{ color:#EB5405;}

.i_title01{ width:100%; text-align:center; padding:40px 0 50px;}
.i_title01 .h1{color:#104239; height:54px; line-height:54px; font-size:32px; font-weight:bold;}
.i_title01 p{color:#e95504; text-transform:uppercase; font-size:14px; line-height:28px; background:url(../images/title_bg.png) center no-repeat;}

.i_title02{ width:100%; text-align:center; padding:34px 0 0px;}
.i_title02 .h1{color:#fff; height:54px; line-height:54px; font-size:32px; font-weight:bold;}
.i_title02 p{color:#fff; text-transform:uppercase; font-size:14px; line-height:28px; background:url(../images/title_bg2.png) center no-repeat;}

.i_title03{ width:100%; text-align:center; padding:34px 0 54px;}
.i_title03 .h1{color:#104239; height:54px; line-height:54px; font-size:32px; font-weight:bold;}
.i_title03 p{color:#104239; text-transform:uppercase; font-size:14px; line-height:28px; background:url(../images/title_bg3.png) center no-repeat;}

.i_title04{ width:100%; text-align:center; padding:34px 0 0px;}
.i_title04 .h1{color:#000; line-height:60px; font-size:32px; font-weight:bold;}
.i_title04 .h1 strong{ color:#104239; padding-right:6px;}
.i_title04 p{color:#000000; text-transform:uppercase; font-size:18px; line-height:38px; background:url(../images/title_bg4.png) center no-repeat; font-weight:600; letter-spacing:7px; text-indent:10px;}


.i_title05{ width:100%; text-align:center; padding:34px 0 50px;}
.i_title05 .h1{color:#104239; height:54px; line-height:54px; font-size:32px; font-weight:bold;}
.i_title05 .h2{color:#e95504; text-transform:uppercase; font-size:14px; line-height:28px; background:url(../images/title_bg.png) center no-repeat;}
.i_title05 p{ font-size:12px; color:#959595; line-height:24px; text-transform:uppercase;}


footer{ background:#104239; width:100%; padding:20px 10px; border-top:6px solid #EB5403;}
.foot_left{ width:1000px; float:left; }
.foot_left p{ font-size:13px; color:#b8b8b8; line-height:40px;}
.foot_left p a{ color:#b8b8b8; padding:0 4px; display:inline-block;}
.foot_left p a:hover{ color:#EB5405;}
.foot_left .foot_link{ padding-bottom:20px; border-bottom:1px solid #28554E;}
.foot_left .foot_link span{font-size:13px; color:#b8b8b8; display:block; float:left; width:114px; height:24px; border:1px solid #b8b8b8; line-height:22px; text-align:center;  -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;}
.foot_left .foot_link a{font-size:13px; color:#b8b8b8; display:block; float:left; height:24px; padding:0 4px; line-height:24px;}
.foot_left .foot_link a:hover{ color:#EB5405;}
.foot_cop{ background:url(../images/foot-logo.jpg) 530px center no-repeat; padding:16px 0 10px;}
.foot_cop p{ font-size:13px; color:#b8b8b8; line-height:20px;}
.foot_right{ width:190px; float:right;  padding:18px 0 0 10px;}
.foot_right p{ width:30px; height:138px; float:left; font-size:21px; color:#7e7e7e; line-height:27px;}
.foot_right img{ float:left; width:138px; height:138px;}

.icp{ display:none;}
.icp p{ font-size:13px; color:#b8b8b8; line-height:24px;}


/**内页**/
.n_banner{ width:100%; padding-top:94px; background:none !important;}
.n_map_banner{width:100%; height:546px; padding-top:94px; overflow:hidden;}
.n_banner img{ width:100%;}
.n_main{ width:100%; margin:0 auto; padding:0 0 50px;}
.n_main_center{ width:100%; max-width:1200px; margin:0px auto; position:relative; z-index:99;}
.n_main_top{ width:100%; text-align:right; height:74px; padding-top:25px;}
.n_main_top span.home{ padding-left:22px; background:url(../images/home.jpg) left center no-repeat;}
.n_main_top span{ display:inline-block; height:24px; color:#666666; font-size:14px; margin:0 2px;}
.n_main_top a{ display:inline-block; height:24px; color:#666666; font-size:14px; margin:0 0px;}
.n_main_top a:hover{ color:#EA5503;}
.n_left{  width:250px; float:left; }
.n_nav{ width:100%; background:#fff; border:1px solid #E6E2E3; background:#fff;}
.n_left_top{ width:180px; height:128px; padding-top:30px; background:url(../images/n_left_top.png) top no-repeat; position:relative; top:-30px; left:7px;}
.n_left_top .h1{ color:#fff; text-align:center; font-size:22px; text-align:center; line-height:30px; font-weight:normal;}
.n_left_top p{text-transform:uppercase; width:100%; line-height:24px; font-size:14px; color:#fff; text-align:center;}
.n_nav dl{ width:100%; padding:0 14px;}
.n_nav_box{ width:100%;}
.n_nav dl dt{ display:none;}
.n_nav dl dd{ width:100%; margin-bottom:18px; }
.n_nav dl dd a{padding:0 10px 0 36px; display:block; width:100%; height:48px; background:url(../images/n_nav_a01.png) 18px center no-repeat;  line-height:46px; font-size:16px; color:#333333; border:1px solid #D2D2D2; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;}

.n_nav dl dd a:hover{ color:#fff; border-color:#EB5403; background:#EB5403 url(../images/n_nav_a02.png) 18px center no-repeat;}
.n_nav dl dd.active a{ color:#fff; border-color:#EB5403; background:#EB5403 url(../images/n_nav_a02.png) 18px center no-repeat;}

.n_nav dl dd ul{ width:100%; display:none;}
.n_nav dl dd ul li{ width:100%; margin:10px 0;}
.n_nav dl dd ul li a{ font-size:14px; color:#333; height:38px; line-height:36px;}
.n_nav dl dd ul li a span{ font-size:14px; font-family:"宋体";}

.n_nav dl dd.active ul li a{ font-size:14px; border:1px solid #D2D2D2; color:#333; background:none;}
.n_nav dl dd.active ul li.cur a{ color:#fff; border-color:#EB5403; background:#EB5403;}
.n_nav dl dd.active ul li a:hover{ color:#fff; border-color:#EB5403; background:#EB5403;}

.all_nav_bg{ display:none; z-index:88; background:url(../images/i_form.png) repeat; position:absolute; top:50px; left:0; height:100%; width:100%;}
.all_nav_bg2{ display:none; z-index:991; background:url(../images/i_form.png) repeat; position:absolute; top:50px; left:0; height:100%; width:100%;}

.mob_team{ display:none;}
.team{ width:100%; background:#fff; border:1px solid #E6E2E3; padding:10px; margin-top:20px;}
.team dt{ width:100%; height:48px; background:#90C31E; font-size:16px; color:#fff; line-height:48px; padding:0 14px;}
.team dd{ padding:20px 6px 0; }
.team dd a{ display:block; width:100%; border:1px solid #E7E8EA; margin-bottom:20px;}
.team dd a img{ width:100%;}

.mob_left_pro{ display:none;}
.left_pro{ width:100%; background:#fff; border:1px solid #E6E2E3; padding:10px; margin-top:20px;}
.left_pro dt{ width:100%; height:48px; background:#90C31E; font-size:16px; color:#fff; line-height:48px; padding:0 14px;}
.left_pro dd{ padding:20px 6px 0; }
.left_pro dd a{ display:block; width:100%; margin-bottom:14px;}
.left_pro dd a img{ width:100%; border:1px solid #E7E8EA;}
.left_pro dd a .h1{ text-align:center; font-size:14px; color:#666; line-height:30px;}
.left_pro dd a:hover .h1{ color:#e95504;}


.mob_hotnews{ display:none;}
.hotnews{ width:100%; background:#fff; border:1px solid #E6E2E3; padding:10px; margin-top:20px;}
.hotnews dt{ width:100%; height:48px; background:#90C31E; font-size:16px; color:#fff; line-height:48px; padding:0 14px;}
.hotnews dd{ padding:20px 6px 20px; }
.hotnews dd ul{ width:100%;}
.hotnews dd ul li{ width:100%;}
.hotnews dd ul li a{ display:block;width:100%; font-size:14px; color:#333; line-height:32px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.hotnews dd ul li a span{ padding-right:6px; font-family:"宋体";}
.hotnews dd ul li a:hover{ color:#e95504;}

.news_box{ width:100%; padding:20px;}
.news_list{ margin-bottom:28px; width:100%; height:197px; border-bottom:1px solid #DFDFDF;}
.news_list a{ display:block; width:100%; height:100%; padding-right:284px; position:relative; z-index:1; }
.news_list dt{ width:284px; height:196px; overflow:hidden; position:absolute; top:0; right:0; z-index:9;}
.news_list dt img{ width:100%;}
.news_list dd{ width:100%; height:196px; padding:10px;}
.news_list dd .h1{ font-size:18px; color:#333; line-height:48px;  overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.news_list dd p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:14px; color:#666; line-height:24px; height:72px; margin-bottom:20px;}
.news_list dd time{ font-size:18px; color:#888; line-height:30px;}

.news_list a:hover{ background:#EDEDED;}
.news_list a:hover .h1{ color:#e95504;}

.n_right{  width:918px; float:right; min-height:1000px;  border:1px solid #E6E2E3; background:#fff;}
.n_right_top{ height:59px; line-height:58px; border-bottom:1px solid #E7E3E4; padding:0 18px;}
.n_right_top .h1{ width:50%; float:left; font-size:18px; height:58px; line-height:58px; color:#333333;}
.n_right_top .n_right_top_right{ width:50%; float:right; height:58px; text-align:right;}
.n_right_top .n_right_top_right a{ line-height:30px; background:url(../images/tel.jpg) center left no-repeat; font-size:16px; color:#e95504; display:inline-block; height:30px; padding-left:38px;}


.n_con{ font-size:14px; line-height:24px; color:#666; padding:20px;}
.n_con img{ max-width:100% !important; height:auto !important;}

.pro_con01{ width:100%; padding:20px 14px 30px; font-size:14px; color:#333; background:#EFEFEF;}
.pro_tj{ width:100%; font-size:14px; padding:20px 0;}
.pro_tj strong{ display:inline-block; font-weight:600; height:24px; color:#e95504; line-height:24px; font-size:14px;}
.pro_tj a{ display:inline-block; padding:0 8px; height:24px; color:#e95504; line-height:24px; font-size:14px;}

.pro_list{ width:100%; padding:0 10px;}
.pro_list li{ width:33.33%; float:left; padding:0 10px 46px;}
.pro_list li a{ display:block; width:100%; border:2px solid #fff; overflow:hidden; margin-bottom:20px;}
.pro_list li a .pro_box{ width:100%; height:100%; border:1px solid #E5E5E5;}
.pro_list li a .products_img{ width:100%; overflow:hidden;}
.pro_list li a .products_img img{ width:100%;}
.pro_list li a .products_con{ padding:0 10px 10px;}
.pro_list li a .products_con .h1{ height:45px; line-height:44px; font-size:14px; text-align:center; font-weight:600; color:#333; border-bottom:1px solid #D7D7D7; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; margin-bottom:8px;}
.pro_list li a .products_con p{ font-size:13px; color:#666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:20px; height:40px;}
.pro_list li span{ display:block; width:90px; height:28px; font-size:14px; color:#80B819; line-height:26px; text-align:center; border:1px solid #80B819; margin:0 auto; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
.pro_list li:hover a{ border-color:#80B819;}
.pro_list li:hover a .pro_box{  border-color:#80B819;}

.compared_box{ display:none; width:100%; max-width:1200px; background:#90C320; position:fixed; bottom:0; left:50%; margin-left:-600px; z-index:999;}
.compared_box .h1{ font-size:14px; color:#fff; padding:0 36px; height:43px; line-height:42px; position:relative; z-index:1; border-bottom:1px solid #fff;}
.compared_box .h1 span{ line-height:30px; display:block; width:66px; height:30px; font-size:14px; color:#fff; text-align:center; position:absolute; top:50%; margin-top:-15px; right:36px; cursor:pointer;}
.compared_list{ width:100%; height:214px; padding:20px 36px;}
.compared_list li{ width:160px; height:160px; float:left; padding-right:42px; position:relative; z-index:1;}
.compared_list li i{ display:block; width:32px; height:32px; position:absolute; top:0; right:0; z-index:9; background:url(../images/close.png) center no-repeat; cursor:pointer;}
.compared_list li img{ width:100%;}
.compared_list li .h2{ font-size:14px; color:#fff; line-height:26px; text-align:center;}
.vs{ width:60px; height:150px; line-height:150px; color:#fff; font-size:18px; float:left;}
.compared_list a{ display:block; width:120px; height:44px; text-align:center; line-height:44px; background:#fff; font-size:14px; color:#e95504; position:absolute; top:50%; margin-top:-22px; right:40px; z-index:99;}

/**分页**/
#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px;margin:10px 0 30px;padding:0;height:20px;clear:both;text-align:center;}
#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:5px 10px;font-size:12px;height:16px;line-height:16px; color:#949494; cursor:pointer;}
#dcms_pager .pages a:hover {border:1px solid #EC5408; color:#fff; background-color:#EC5408;}
#dcms_pager .pages .pgempty {border:1px solid #949494; color:#949494;}
#dcms_pager .pages .pgcurrent {border:1px solid #EC5408; color:#fff; background-color:#EC5408;}

/**产品对比**/

.compared_main{width:100%; background:#F6F6F6; margin:0 auto; padding:150px 0 50px;}
.compared_center{ width:100%; max-width:1200px; border:1px solid #D7D7D7; margin:0 auto; background:#fff; padding:0 20px;}
.compared_top{ width:100%; border-bottom:1px solid #D7D7D7; line-height:64px;}
.compared_top .h1{ width:50%; float:left; line-height:64px; font-size:16px; font-weight:600; color:#104239;}
.compared_top_right{ width:50%; float:right; text-align:right; height:64px;}
.compared_top_right span{ display:inline-block; height:24px; color:#666666; font-size:14px; margin:0 2px; line-height:24px;}
.compared_top_right span.home{ padding-left:22px; background:url(../images/home.jpg) left center no-repeat;}

.compared_top_right a{ display:inline-block; height:24px; color:#666666; font-size:14px; margin:0 2px;}
.compared_top_right a:hover{ color:#EA5503;}

.compared_body{ width:100%; overflow:hidden; overflow-x:auto; margin:0 auto;}
.compared_table{ width:1158px; margin:0 auto 70px;}
.compared_div{ width:210px; border:1px solid #D7D7D7; position:relative; z-index:1; margin:20px 0;}
.compared_div img{ width:100%;}
.compared_div .h1{ width:100%; text-align:center; font-size:14px; color:#888888; line-height:40px;}
.compared_div i{ display:block; width:32px; height:32px; position:absolute; top:0; right:-40px; z-index:9; background:url(../images/close.png) center no-repeat; cursor:pointer;}
.compared_table tr{}
.compared_table tr td{ border-bottom:1px solid #D7D7D7; height:68px; font-size:14px; color:#888888;}


/**产品详情**/
.n_con dl{ width:100%;}
.n_con dl dt{ width:100%; height:50px; line-height:50px; background:#E5E5E5 url(../images/parameter.jpg) 12px center no-repeat; font-size:16px; color:#104239; padding-left:26px;}

.n_con dl dd{ width:100%; padding:20px 0 20px;}
.n_con dl dd.pro_parameter{ position:relative; z-index:1; width:100%; overflow:hidden; overflow-x:auto; margin:0 auto; padding:10px 0 20px;}
.sosi{ display:none;}
.sosi i{ display:none;}
.n_con dl dd img{ max-width:100% !important; height:auto !important;}
.n_con dl dd p{ font-size:14px; color:#333; line-height:24px;}
.pro_parameter table{ width:100%; min-width:876px;}
.pro_parameter table tr{ width:100%; height:50px;}
.pro_parameter table tr td{width:25%; border-bottom:1px dashed #DBDBDB; font-size:14px; color:#333333; padding-left:16px;}
.pro_parameter table tr td.parameter{ color:#888888;}

.n_con dl dd ul{ width:100%; padding:10px 0 20px;}
.n_con dl dd ul li{ height:34px; display:inline-block; margin-right:10px;}
.n_con dl dd ul li a{ display:block; width:100%; height:34px; padding-left:52px; color:#333; font-size:14px; line-height:34px; background:url(../images/xz.jpg) center left no-repeat;}
.n_con dl dd ul li a:hover{ color:#e95504;}

.big_img{ width:100%; position:relative; z-index:1;}
.big_img img{ width:100%;}
.big_img ul{ width:100%; max-width:136px; position:absolute; top:30px; right:30px; z-index:9;}
.big_img ul li{ width:100%; overflow:hidden; margin-bottom:16px; border:1px solid #DBDBDB; cursor:pointer;}
.big_img ul li img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.big_img ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}


/**别的内页导航**/
.other_n_main{ position:relative; z-index:99; top:-60px; padding-bottom:0;}
.other_nav{ width:100%; padding:60px 0px 0; position:relative; z-index:1; left:0; z-index:99; background:url(../images/n_nav_bg.png) center top no-repeat;}
.other_nav_center{ width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:99; padding-bottom:20px;}

.other_nav_ul{ width:100%; background:#fff; border:1px solid #E6E2E3; padding:20px 14px;}
.other_nav_ul li{ width:100%; margin-bottom:18px; }
.other_nav_ul li a{padding:0 10px 0 36px; display:block; width:100%; height:48px; background:url(../images/n_nav_a01.png) 18px center no-repeat;  line-height:46px; font-size:16px; color:#333333; border:1px solid #D2D2D2; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;}

.other_nav_ul li a:hover{ color:#fff; border-color:#EB5403; background:#EB5403 url(../images/n_nav_a02.png) 18px center no-repeat;}
.other_nav_ul li a.active{ color:#fff; border-color:#EB5403; background:#EB5403 url(../images/n_nav_a02.png) 18px center no-repeat;}

.other_nav_dl{ width:100%; height:60px; position:absolute; top:-60px; z-index:999; left:0;}
.other_nav_dl dt{ display:none;}
.other_nav_dl dd{ width:160px; height:130px; float:left;}
.other_nav_dl dd a{ display:block; width:100%; height:100%; text-align:center;}
.other_nav_dl dd a strong{ font-weight:normal; font-size:18px; color:#d2d2d2; line-height:60px;}
.other_nav_dl dd a span{ display:none;}
.other_nav_dl dd a:hover{ /*background:url(../images/other_nav.png) center no-repeat;*/ color:#90C31F; /*padding-top:50px;*/ }
.other_nav_dl dd a:hover strong{ color:#90C31F;}
/*.other_nav_dl dd a:hover span{ display:block; width:100%; font-size:15px; color:#fff; text-align:center; line-height:22px; text-transform:uppercase;}*/
.other_nav_dl dd a.cur{ background:url(../images/other_nav.png) center no-repeat; color:#fff; padding-top:50px; }
.other_nav_dl dd a.cur strong{ font-size:22px; line-height:30px; color:#fff;}
.other_nav_dl dd a.cur span{ display:block; width:100%; font-size:15px; color:#fff; text-align:center; line-height:22px; text-transform:uppercase;}

.n_problem_box{ padding:10px 20px 30px;     
    font-size: 14px;
    color: #666;
    line-height: 24px;}
.n_problem{ width:100%; border-bottom:1px dashed #B2B2B2; padding:18px 0px 14px 12px;}
.n_problem .h1{ font-weight:bold; line-height:24px; font-size:14px; color:#333333; padding-left:36px; margin-bottom:10px; background:url(../images/q.jpg) top left no-repeat;}
.n_problem .h1 a{ color:#333333;}
.n_problem_con{background:url(../images/a.jpg) top left no-repeat; padding-left:36px;}
.n_problem p{ font-size:13px; color:#888888; line-height:24px;   }
.n_problem .h1 a:hover{ color:#EB5405;}

/**发展历程**/
.course_list{ width:100%;}
.course_list li{width:100%;}
.course_list li i.jji{ background:url(../images/course_con.png) center bottom no-repeat; display:none; width:40px; height:19px; position:absolute; bottom:0; z-index:9; left:70px;}
.course_list li:nth-child(odd){ background:url(../images/COURSE_02.jpg) repeat-y center;}
.course_list li:nth-child(even){ background:url(../images/COURSE_01.jpg) repeat-y center;}
.course_box{ width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:1;}
.course_box dt{ width:50%; overflow:hidden; height:338px;}
.course_box dt img{ width:100%;}
.course_box dd{ position:relative; z-index:1; width:50%; height:338px; padding:0 46px; display: -moz-box; /* Firefox */ 
display: -ms-flexbox; /* IE10 */ 
display: -webkit-box; /* Safari */ 
display: -webkit-flex; /* Chrome, WebKit */ 
display: box; 
display: flexbox; 
display: flex; 
flex-direction:column;

justify-content: center;}
.course_box dd .h1{ font-size:26px; color:#333; line-height:50px; font-weight:bold;}
.course_box dd .h1 strong{ font-weight:600;}
.course_box dd{ font-size:14px; color:#333; line-height:24px; }
.course_box dd a{ font-weight:bold; line-height:30px; margin-top:30px; display:block; width:96px; background:url(../images/course_more1.png) left center no-repeat; height:30px; color:#EB5403; font-size:14px; text-align:center;}
.course_box dd a.cur{ background:url(../images/course_more.png) left center no-repeat; color:#90c31f;}
.course_con{ display:none; width:100%; background:#90C320; z-index:9; position:relative;}
.course_txt{ padding:70px 5%; width:100%;}
.course_con span.course_close{ background:url(../images/course_close.png) center bottom no-repeat; display:block; width:32px; height:32px; position:absolute; top:22px; right:60px; z-index:9; cursor:pointer;}
.course_con .h1{ font-size:22px; color:#fff; line-height:48px;}
.course_con .h1 strong{ font-weight:600;}
.course_con p{ font-size:14px; color:#fff; line-height:24px; padding:8px 0;}

/**案例**/

.case_list{ width:100%; margin:0 auto; max-width:1200px; border-top:1px solid #E6E6E6; padding-bottom:30px;}
.case_list dl{ border:1px solid #E6E6E6; border-top:none; width:100%; padding:20px 16px 20px 432px; height:278px; position:relative; z-index:1; background:#fff;}
.case_list dl dt{ width:416px; height:238px; position:absolute; top:20px; left:16px; z-index:9; overflow:hidden;}
.case_list dl dt img{ width:100%;}
.case_list dl dd{ width:100%; padding:0 26px;}
.case_list dl dd .h1{ font-size:18px; color:#333; line-height:28px; padding:14px 0; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.case_con{ width:100%; height:72px; overflow:hidden;}
.case_list dl dd p{ font-size:14px; line-height:24px; color:#666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:72px;}
.case_list dl dd span{ display:block; width:120px; height:44px; line-height:42px; text-align:center; font-size:14px; color:#e95504; border:1px solid #e95504; margin-top:24px;}

.case_list dl a:hover span{ background:#e95504; color:#fff; }
.case_list dl a:hover .h1{ color:#e95504;}

.case_list dl:hover{ z-index:99; -webkit-box-shadow:0px 0px 8px #D7D7D7; -moz-box-shadow:0px 0px 8px #D7D7D7; box-shadow:0px 0px 8px #D7D7D7;}


.case_info{ width:100%; max-width:1200px; background:#fff; border:1px solid #E6E6E6; margin:0 auto; padding:28px 20px 30px;}
.case_info_top{ width:100%; padding-bottom:10px; border-bottom:1px solid #DEDEDE;}
.case_info_top p{ float:left; font-size:14px; color:#999999; line-height:24px;}
.case_info_top .h1{ font-size:18px; color:#333; line-height:36px;}
.bdsharebuttonbox{ float:right;}
.case_detail{ width:100%; overflow:hidden; font-size:14px; color:#666666; line-height:24px; padding:10px 0;}
.case_detail img{ max-width:100% !important; height:auto !important;}

.case_bottom{ width:100%; max-width:1200px; margin:0 auto; padding:14px 114px 14px 20px; position:relative; z-index:1; background:#EAEAEA; height:80px;}
.case_bottom p{ line-height:26px; color:#333; font-size:14px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.case_bottom p a{ font-size:14px; line-height:26px; color:#333; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.case_bottom a.back{ display:block; width:114px; height:80px; position:absolute; top:0; right:0; z-index:9; background:#EA5505 url(../images/back.jpg) 18px center no-repeat; padding-left:42px; font-size:14px; color:#fff; line-height:80px;}

.case_bottom p a.no{ color:#AAAAAA;}
.case_bottom p a:hover{ color:#EA5505;}
.case_bottom p a.no:hover{ color:#AAAAAA;}

/**代理网点**/
.outlets_list{width:100%; max-width:1200px; background:#fff; border:1px solid #E6E6E6; margin:0 auto; padding:20px 20px 30px;}
.outlets_search{ padding:12px 0 0 10px; width:100%; height:60px; background:#F1F1F1;}
.outlets_search li{ display:inline-block;}
.outlets_search .button{ border:none; cursor:pointer; margin-right:10px; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; display:block; width:80px; height:36px; background:#EA5505; text-align:center; line-height:36px; font-size:14px; color:#fff; float:right;}
.outlets_search .button2{ border:none; cursor:pointer; margin-right:10px; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; display:block; width:80px; height:36px; background:#666; text-align:center; line-height:36px; font-size:14px; color:#fff; float:right;}
.outlets_body{ width:100%; overflow:hidden; overflow-x:auto; padding-top:30px;}
.outlets_body table{ width:1156px; margin:0 auto; text-align:center; border-bottom:1px solid #E2E2E2;}
.outlets_body table th{ height:54px; color:#fff; font-size:14px; font-weight:normal; background:#104239;}
.outlets_body table tr{}
.outlets_body table tr:nth-child(odd){ background:#fff;}
.outlets_body table tr:nth-child(even){ background:#EDEDED;}
.outlets_body table td{ font-size:14px; color:#333; height:44px; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2;}
select {
	border: 1px solid #ccc;
	background: #fff;
	-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;
	color: #333;
	font-size: 14px;
	outline: none;
	height: 30px;
	margin-right: 10px;
	box-shadow: 0 0 5px #eee
}

/**合作案例**/
.join_box{ width:100%; max-width:1200px; background:#fff; border:1px solid #E6E6E6; margin:0 auto; padding:20px 20px 30px;}
.join_box .team_case{ width:100%;}
.join_box .team_case dt{ width:100%; height:52px; background:#104239; font-size:14px; color:#fff; padding-left:24px; font-weight:600; line-height:52px;}
.join_box .team_case dd{ background:#F6F6F6; padding:24px;}

.join_box_dl{ width:100%;}
.join_box_dl dt{ width:100%; height:52px; background:#E5E5E5 ; font-size:14px; color:#104239; padding-left:24px; font-weight:600; line-height:52px;}
.join_box_dl dd{ background:#fff; padding:20px 0;}
.join_box_dl dd img{ width:100%; max-width:100%;}

.join_box_img{ width:100%; position:relative; z-index:1;}
.join_box_img a{ display:block; width:100%; height:40px; left:0; position:absolute; top:50%; margin-top:-20px; text-align:center; color:#fff; font-size:24px; line-height:40px;}

.form_box{ width:100%; max-width:870px; margin:0 auto;}
.form_box li{ width:50%; float:left; padding:0 20px 10px;}
.form_box li .form_text{ width:100%; height:46px; border:1px solid #D6D6D6; line-height:24px; padding:10px;}
.form_box li .form_select{ margin:border-radius:0px; width:100%; height:46px; border:1px solid #D6D6D6; line-height:24px; padding:10px; -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0;}
.form_box li .form_select:first-child{  color:#A9A9A9;}
.form_box li .form_submit{ display:block; width:130px; height:48px; text-align:center; font-size:14px; color:#fff; border:none; background:#90C320; float:right; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;}
.form_box li .form_reset{ display:block; width:130px; height:48px; text-align:center; font-size:14px; color:#fff; border:none; background:#ADABAC; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;}


/**职位列表**/
.job{width:100%; max-width:1200px; background:#fff; border:1px solid #E6E6E6; margin:0 auto; padding:20px 20px 30px;}
.job_list { width:100%;}
.job_list li { margin:0; padding:0; overflow:hidden; width:100%; margin-top:10px;}
.job_list ul {cursor:pointer; width:100%; overflow: hidden; background:#EBEBEB;}
.job_list ul li { padding:0 44px 0 18px; width:100%; margin-top:0; text-align:left; font-size:15px; color:#104239; font-weight:600; height:50px; line-height:50px;  position:relative; border-bottom:1px solid #E5E5E5; position:relative; z-index:1;}


.job_list ul li:after{ content:""; background:url(../images/job_add.png) center no-repeat; position:absolute; right:20px; display:block; width:24px; height:24px; top:50%; z-index:9; margin-top:-12px;}
.job_list ul.select{ background:#104239; color:#fff;}
.job_list ul.select li{ color:#fff;}
.job_list ul.select li:after{ background:url(../images/job_add01.png) center no-repeat; }
.job_detail {  display:none; overflow: hidden; max-width:1200px; width:100%; background:#F6F6F6;}
.job_con{color:#333; font-size:14px; line-height:32px; width:100%; max-width:1200px; position:relative; z-index:9; padding:10px;}
.job_con p{ width:100%; max-width:1200px;}


/**联系方式**/
.contact_box{width:100%; max-width:1200px; background:#fff; border:1px solid #E6E6E6; margin:0 auto; padding:20px 20px 30px;}

.contact_box_img{ width:100%; min-height:164px; background:url(../images/contact.jpg) center no-repeat; background-size:100% 100%; padding:24px;}
.contact_box_img .h1{ font-size:16px; color:#e95504; line-height:32px; margin-bottom:20px;}
.contact_box_img p{ font-size:14px; color:#333; line-height:24px;}

.contact_box_con{ width:100%; padding:50px 0;}
.contact_box_left{ width:100%; float:none;}
.contact_box_left img{ max-width:100% !important; height:auto !important;}
.contact_box_left .h1{ font-size:20px; color:#104239; line-height:36px; font-weight:600;}
.contact_box_left .h2{ font-size:14px; color:#888888; line-height:26px; margin-bottom:24px;}
.contact_box_left p{ font-size:14px; color:#333; line-height:24px;}
.contact_box_right{ max-width:480px; width:100%; float:right; padding:5px; border:1px solid #E6E6E6;}
.contact_box_right img{ width:100%;}

.contact_but{ background:#ECECEC; padding:26px 10px; width:100%; text-align:center;}
.contact_but a{ display:inline-block; height:34px; line-height:34px; width:100%; max-width:320px; font-size:20px; color:#e95504; padding-left:20px;}
.contact_but a.sq{ background:url(../images/tel_sq.png) 24px center no-repeat;}
.contact_but a.sh{ background:url(../images/tel_sh.png) 24px center no-repeat;}


/**荣誉**/
.honor_list{ width:100%; padding:20px 10px;}
.honor_list li{ width:33.33%; float:left; padding:0 6%; margin-bottom:24px;}
.honor_list li a{ display:block; width:100%;}
.honor_list li a img{ width:100%;}
.honor_list li a .h1{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; font-size:15px; color:#333333; line-height:60px; border-bottom:1px solid #DEDEDE; text-align:center;}

/**视频**/
.video_list{ width:100%; padding:20px 20px;}
.video_list li{ width:33.33%; float:left; padding:0 10px; margin-bottom:22px;}
.video_list li a{ display:block; width:100%; border:1px solid #E6E6E6; padding:10px 10px 0;}
.video_list li a .video_img{ width:100%; overflow:hidden; position:relative; z-index:1;}
.video_list li a .video_img img{ width:100%; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.video_list li a .video_img .video_bg{ background:url(../images/video_img.png) repeat; width:100%; height:100%; position:absolute; top:-100%; left:0; z-index:9; -webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s;}
.video_list li a .video_img .video_bg i{ display:block; width:64px; height:64px; background:url(../images/video_bg.png) center no-repeat; position:absolute; top:50%; left:50%; z-index:99; margin:-32px 0 0 -32px;}
.video_list li a .h1{-webkit-transition: all ease 1s; transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; font-size:16px; color:#666666; line-height:46px; text-align:center;}

.video_list li a:hover .video_img img{ transform: scale(1.1); -webkit-transform: scale(1.1);  -o-transform: scale(1.1);  -moz-transform: scale(1.1);}
.video_list li a:hover .video_img .video_bg{ top:0;}
.video_list li a:hover .h1{ color:#EA5505;}
.video_list li a:hover{-webkit-box-shadow:0px 0px 8px #D7D7D7; -moz-box-shadow:0px 0px 8px #D7D7D7; box-shadow:0px 0px 8px #D7D7D7;}

.video_info{ width:100%; padding:20px 10px;}
.video_info video{ width:100%;}

/**相关产品**/
.xg_pro{ border:1px solid #D7D7D7; background:#EFEFEF; padding:16px 10px; margin-top:50px;}
.xg_pro dt{ margin-bottom:20px; line-height:28px; height:28px; font-size:16px; color:#333; padding-left:18px; background:url(../images/xg_pro.jpg) 2px center no-repeat;}
.xg_pro dd{ width:100%;}
.xg_pro dd ul{ width:100%;}
.xg_pro dd ul li{ width:25%; float:left; padding:0 10px;}
.xg_pro dd ul li a{ width:100%;}
.xg_pro dd ul li img{ width:100%; border:1px solid #E6E6E6;}
.xg_pro dd ul li .h1{ font-size:14px; color:#333; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}

.xg_pro dd ul li a:hover{color:#EA5505;}

/**新闻详情**/
.n_news_info{width:100%; padding:20px 20px;}
.n_news_top{ border-bottom:1px solid #E6E6E6; padding-bottom:20px;}
.n_news_top .h1{ text-align:center; font-size:18px; color:#333; text-align:center; line-height:26px; padding:10px 0;}
.bdsharebuttonbox{ text-align:center; margin:0 auto;}
.bdsharebuttonbox span{ display:inline-block;  font-size:14px; color:#999; height:16px;}
.news_sahr{ float:none !important;}
.news_sahr a{ display:inline-block !important; float:none !important; margin:0 auto !important;}
.n_news_con{ padding:10px 0; font-size:14px; color:#666; line-height:24px; border-bottom:1px solid #E6E6E6;}
.n_news_con img{ max-width:100% !important; height:auto !important;}
.n_news_con a.news_back{ display:block; width:110px; height:50px; margin:30px auto; background:#EA5505 url(../images/back.jpg) 10px center no-repeat; font-size:14px; color:#fff; padding-left:20px; text-align:center; line-height:50px;}

.xgnews{ width:100%; padding-top:20px;}
.xgnews li{ width:50%; float:left;}
.xgnews li a{ position:relative; z-index:1; display:block; width:100%; padding:0 90px 0 20px; font-size:14px; color:#333; line-height:30px; height:30px; background:url(../images/xgnews.jpg) 6px center no-repeat; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.xgnews li a time{ display:block; width:90px; height:30px; font-size:14px; color:#999; text-align:center; position:absolute; top:0; right:0; z-index:9;}

.n_about{ width:100%; max-width:1220px; padding:0 10px; margin:0 auto}
.n_about_left{ width:620px; float:left; height:460px;}
.n_about_left .h1{ font-size:25px; color:#104239; line-height:50px;}
.n_about_left .h1 span{ font-size:16px; color:#888; padding-left:6px; text-transform:uppercase;}
.n_about_con{ width: 100%; height:390px; overflow: auto;}
.n_about_con p{ font-size:14px; color:#333; line-height:24px;}
.n_about_con .mCSB_container{ margin-right:16px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#EA5503; width: 6px;}
.mCSB_scrollTools .mCSB_draggerRail { background:#E5E5E5; width: 6px;}


.n_about_right{ margin-top:20px;display:none; float:right; width:464px; height:426px; border:3px solid #90C320; overflow:hidden;}
.n_about_right .item { width:100%; height:100%; overflow:hidden; display:block;}
.n_about_right .item img{ width:100%; height:100%;}
.n_about_right .owl-controls { height:0; padding:0; margin:0 auto;}
.n_about_right .owl-wrapper-outer{ z-index:1040;}
.n_about_right .owl-controls .owl-pagination { padding-bottom:10px;width: 100%; max-width:100% !important;  margin: 0 auto; text-align:right; position:absolute; bottom:0; z-index:1040;}
.n_about_right .owl-controls .owl-page span { display: block; width:14px;height:16px;margin: 4px; background:none; border:none; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; background:url(../images/about_pic02.png) center no-repeat;}
.n_about_right .owl-controls .owl-page.active span{ background:url(../images/about_pic01.png) center no-repeat;}

/**culture**/
.culture{ width:100%; height:560px; background:url(../images/culture_bg.jpg) center no-repeat;}
.culture_center{ width:100%; max-width:1200px; margin:0 auto; padding-top:26px;}
.culture_center .h1{ font-size:25px; color:#fff; line-height:50px; margin-bottom:40px;}
.culture_center .h1 span{ font-size:16px; color:#fff; padding-left:6px; text-transform:uppercase;}
.culture_left{ width:50%; float:left; height:380px; overflow:hidden;}
.culture_left img{ width:100%;}
.culture_right{ width:50%; float:right; background:#F6F6F6; height:380px; overflow:hidden;  padding:50px;}
.culture_ul{ width:100%;}
.culture_ul li{ display:inline-block; height:32px; border:1px solid #104239; color:#104239; cursor:pointer; line-height:30px; padding:0 15px;}
.culture_ul li.cur,.culture_ul li:hover{ background:#EA5505; color:#fff; border-color:#EA5505;}
.culture_right_box{ width:100%; height:248px;  padding-top:30px;}
.culture_tab_box{ width:100%; display:none; height:250px; overflow: auto;}
.culture_tab_box p{ font-size:14px; color:#333; line-height:24px;}
.culture_tab_box .mCSB_container{ margin-right:16px;}


/**企业风采**/
.style{ width:100%; background:#F6F6F6;}
.style_center{ width:100%; max-width:1200px; margin:0 auto; padding:30px 0 50px;}
.style_center .h1{ font-size:25px; color:#104239; line-height:50px; margin-bottom:40px;}
.style_center .h1 span{ font-size:16px; color:#888888; padding-left:6px; text-transform:uppercase;}


.team_case_pc{ width:100%;}
.team_case_mob{ display:none;}
.note_list{ width:100%;}
.note_list .item{ width:100% !important;}
.note_list ul{ width:100%;}
.note_list ul li{ width:25%; float:left; overflow:hidden; padding:10px;}
.note_list ul li a{ display:block; width:100%; border:1px solid #E1E1E1; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; z-index:1;}
.note_list ul li img{ width:100%;}
.note_list ul li .h2{ margin-top:2px; border-top:4px solid #CFD8D5; text-align:center; font-size:14px; color:#333; line-height:36px;}
.note_list ul li h3{background:url(../images/jm.png) repeat; width:100%; height:50px; font-size:16px; color:#ffffff; line-height:50px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; position:absolute; bottom:0; left:0; z-index:9; padding:0 6px; text-align:center;}

.note_list2{ width:100%;}
.note_list2 .item{ width:100% !important;}
.note_list2 ul{ width:100%;}
.note_list2 ul li{ width:50%; float:left; overflow:hidden; padding:10px;}
.note_list2 ul li a{ display:block; width:100%; border:1px solid #E1E1E1; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; position:relative; z-index:1;}
.note_list2 ul li img{ width:100%;}
.note_list2 ul li .h2{margin-top:2px; border-top:4px solid #CFD8D5; text-align:center; font-size:14px; color:#333; line-height:36px;}
.note_list2 ul li h3{background:url(../images/jm.png) repeat; width:100%; height:50px; font-size:16px; color:#ffffff; line-height:50px; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; position:absolute; bottom:0; left:0; z-index:9; padding:0 6px; text-align:center;}


.showcon{ display:none; width:100%; position:relative; z-index:1; padding-top:19px;}
.showcon i.jj{ display:block; width:40px; height:19px; background:url(../images/course_con.png) center no-repeat; position:absolute; top:0; z-index:9;}
.showcon_box{ width:100%; color:#fff; padding:50px; background:#90C320; position:relative; z-index:2;}
.showcon_box span.close{ display:block; width:32px; height:32px; background:url(../images/course_close.png) center no-repeat; position:absolute; top:10px; right:10px; z-index:9; cursor:pointer;}
.showcon_box p{ font-size:14px; color:#fff; line-height:24px;}

/**404**/
.body404{ width:100%; max-width:1200px; margin:0 auto;}
.box404{ width:100%; margin:0 auto; padding:9.8% 0px;}
.main404{ width:100%; max-width:1200px; margin:0 auto; padding-top:80px; position:relative; z-index:1;}
.main404 img{ width:100%; max-width:310px; position:absolute; top:0; left:50%; margin-left:-155px; z-index:9;}
.con404{ border:1px solid #E3E3E3; background:#fff url(../images/404bg.png) top no-repeat; padding:70px 26px 60px;}
.con404 p{ font-size:14px; color:#ea5503; line-height:20px; text-align:center; padding-bottom:100px;}
.menu404_title{ width:100%; border-bottom:1px solid #E3E3E3; padding-bottom:20px;}
.menu404_title .h1{ line-height:36px; font-size:36px; color:#90c31f;}
.menu404_title .h2{ line-height:26px; font-size:16px; color:#333;}
.menu404_list{ width:100%; max-width:1150px; margin:0 auto; padding-top:30px; padding-left:2.6%}
.menu404_list dl{ max-width:160px; width:14.28%; float:left;}
.menu404_list dl dt{ line-height:36px; padding-bottom:18px;}
.menu404_list dl dt a{ font-size:16px; color:#333; line-height:36px; display:inline-block; position:relative; z-index:1;}
.menu404_list dl dt span{ display:none; font-size:16px; color:#333; line-height:36px; position:relative; z-index:1;}
.menu404_list dl dt a::after{ content:''; display:inline-block; border-width:5px 5px 0; border-style:solid; border-color:#646464 transparent transparent;/*灰 透明 透明 */ position:absolute;top:50%; margin-top:-2px;right:-14px;}
.menu404_list dl dt span::after{ content:''; display:inline-block; border-width:5px 5px 0; border-style:solid; border-color:#646464 transparent transparent;/*灰 透明 透明 */ position:absolute;top:50%; margin-top:-2px;right:0px;}
.menu404_list dl dt a.menu404_index::after{ display:none;}

.menu404_list dl dd{ line-height:30px;}
.menu404_list dl dd a{ font-size:14px; line-height:30px; color:#666;}
.menu404_list dl a:hover{ color:#EA5503;}
.menu404_list dl a:hover::after{ border-color:#EA5503 transparent transparent;}


/*浮动*/
.drift{ width:50px; height:auto; position:fixed; bottom:3%; right:2px; z-index:999999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:50px; height:49px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:50px; height:49px; background:#838383; overflow:hidden;}
.drift li a:hover{ background:#8FC41E;}
.drift #rolls a{background:#8FC41E ;}
.drift li a:hover span{display:block;}
.drift li span{width:166px; right:51px;top: 0;height: 49px;line-height: 49px; background: #8FC41E;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 22px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;padding:10px;width:146px;}
.drift li .ewm em{ font-style:normal; height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;}

.top_bar { display:none;}

.h_nav li a:-webkit-any-link{ display:block;}

@media (max-width: 1216px){
.brand img{ width:100%; display:block;}
.brand-2 .main-icons { display:none !important; display:none;}
.header{ height:50px; border:none;}
.mobile{ height:50px;}
.mobile-inner-header-icon{color: #EA5503;height: 50px;font-size:25px;text-align: center;position:absolute;top:0; right:0; z-index:999;width: 50px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left:50%;margin-left:-13px;background-color:#EA5503;display: block; width: 26px; height: 2px;}
.mobile-inner-header-icon .icon-bar1{ top:16px;}
.mobile-inner-header-icon .icon-bar2{ top:25px;}
.mobile-inner-header-icon .icon-bar3{ top:34px;}
.mobile-inner-header-icon .icon-bar1.rotated {position:absolute;top:25px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);background-color:#EA5503;}
.mobile-inner-header-icon .icon-bar2.rotated {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;}
.mobile-inner-header-icon .icon-bar3.rotated {position:absolute;top: 25px;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);-o-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);background-color:#EA5503;}
.trans, .trans:hover {-webkit-transition: all 277ms ease-in-out;-moz-transition: all 277ms ease-in-out;-o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out;}
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;}
.logo{ height:50px; width:auto; border-left:6px solid #90C320;}
.logo img{ height:50px;}

.mobile-inner-nav{ text-align:left; max-width:100%; float:none; background-color:#fff; width: 100%;position: absolute;top: 50px;left: 0px;padding:0 10px 10px;display: none;}
.nav_dl{ display:none !important;}
.mobile-inner-nav li{ display:block;}
.mobile-inner-nav a{display: inline-block; height:50px; padding:0; line-height: 50px;text-decoration: none;width: 100%;color:#333; border-bottom: solid 1px #ddd;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;}
.mobile-inner-nav a::before{ display:none;}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}

.mobile-inner-nav a sub{ bottom:0px; height:0px; display:none;}
.mobile-inner-nav a span{ bottom:0px; height:0px; display:none;}

@-webkit-keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}
.mobile_right{ width:50px; height:50px; border-left:none; right:50px;}
.mobile_right span{ display:block; width:50px; height:50px; left:0; margin:0;}
.search_box{position:fixed; top:50px; z-index:9999; width:100%; left:0;}





/**banner**/
.i_banner{ width:100%; height:auto; padding-top:50px;}
#owl-demo{ height:auto;}
#owl-demo .item { height:auto; background:none !important;}
#owl-demo li .item_con{ position:absolute; bottom:0px; left:0; padding:0 30px;}
#owl-demo li .item_con .h1{ color:#fff; font-size:46px; font-weight:600; line-height:72px;}
#owl-demo li .item_con .h2{ color:#e95504; font-size:34px; line-height:50px; text-transform:uppercase;}
#owl-demo li .item_con p{ font-size:23px; color:#dadada; line-height:32px;}
#owl-demo li .mob_banner{ width:100%; display:block;}

#owl-demo .owl-controls .owl-buttons .owl-prev{ left:20px;}
#owl-demo .owl-controls .owl-buttons .owl-next{ right:20px; }



/**内页**/
.n_banner{ width:100%; padding-top:50px; height:226px;}
.n_banner img{ display:none;}

.n_map_banner{ height:400px; padding-top:50px;}

.i_title01{ padding:20px 0 30px;}
.i_title02{ padding:20px 0 30px;}
.i_title03{ padding:20px 0 30px;}
.i_title04{ padding:20px 0 0px;}
.i_title05{ padding:20px 0 30px;}


.i_about{ height:auto;}
.i_about_left .item img{ height:auto;}
.i_about_center{ padding:0 10px;}
.i_about_left_box{ width:100%; max-width:360px; height:auto; border:3px solid #94C325; float:none; margin:0 auto;}
.i_about_right{ width:100%; height:auto; float:none;  padding-top:20px; margin:0 auto;}
.i_about_right p{ text-indent:32px; font-size:16px; color:#000; line-height:30px; overflow:visible; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 100; -webkit-box-orient: vertical; height:auto;}
.i_about_right dl{ width:25%; overflow:hidden; float:left; margin:20px 0; padding:0 5px;}
.i_about_right dl a{ display:block; width:100%; max-width:98px; margin:0 auto; background:url(../images/i_about_icon.png) center no-repeat; background-size:100% 100%; position:relative; z-index:1;}
.i_about_right dl a img{ width:100%;}


/**历史**/
.prism_box{ display:none;}
.mob_history{ display:block;}
.i_history{ width:100%; height:auto; background:url(../images/i_bg1.jpg) center no-repeat; background-size:100% 100%; padding:0 10px 20px; display:none;}
.mob_history_list{ display:none; width:100%; padding-bottom:50px;}
.mob_history_list .item { width:100%; height:100%; overflow:hidden; display:block; padding:0 10px;}
.mob_history_list .item a{ display:block; width:100%;}
.mob_history_list .item img{ width:100%;}

.mob_history_list .item a .h1{ font-size:14px; color:#fff; text-align:center; line-height:30px;}
.mob_history_list .owl-controls { height:0; padding:0; margin:0 auto;}
.mob_history_list .owl-wrapper-outer{ z-index:1040;}
.mob_history_list .owl-controls .owl-pagination { padding-bottom:10px;width: 100%; max-width:100% !important;  margin: 0 auto; text-align:center; position:absolute; bottom:0; z-index:1040;}
.mob_history_list .owl-controls .owl-page span { display: block; width:14px;height:16px;margin: 4px; background:none; border:none; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; background:url(../images/about_pic02.png) center no-repeat;}
.mob_history_list .owl-controls .owl-page.active span{ background:url(../images/about_pic01.png) center no-repeat;}


/**产品**/
.i_products{ height:auto; background:url(../images/i_bg3.jpg) center no-repeat; background-size:100% 100%;}
.i_products_box{ padding-left:0; padding:20px 0;}
.i_products_but{ width:100%; height:124px; position:relative; top:0px; left:0; padding-top:0;}
.i_products_but dl{ width:25%;  height:124px;  padding:10px 10px; float:left;}

.i_products_list{ width:100%; max-width:930px; height:560px; background:url(../images/i_products_list.png) center no-repeat; background-size:100% 100%; padding:25px 20px 25px 20px; margin:0 auto;}

.foot_left{ display:none;}
.foot_right{ display:none;}
footer{ padding:10px;}
.icp{ display:block;}
.icp p{ font-size:14px; color:#b8b8b8; line-height:24px; text-align:center;}

/**案例*/
.i_case{ height:auto; background:url(../images/i_bg4.jpg) center no-repeat; background-size:100% 100%; padding:0 10px 30px}
.i_case_left{ width:100%; max-width:768px; float:none; margin:0 auto;}
.i_case_left .h1{ text-align:center; font-size:22px; font-weight:bold; color:#fff; width:320px;}
.i_case_left span{ margin:8px 0 20px; display:block; width:158px; height:62px; line-height:62px; background:url(../images/i_case_left.png) center no-repeat; font-size:20px; color:#fff; font-weight:bold; padding-left:15px;}
.i_case_left p{ font-size:18px; line-height:28px; color:#fff;}
.i_case_but{ width:100%; padding-top:20px;}
.i_case_but a{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; padding:0 12px 0 36px; color:#fff; font-size:16px; display:inline-block; width:114px; background-color:#8FC41E; height:48px; line-height:48px;}
.i_case_but a.i_case_but01{ background:#8FC41E url(../images/i_case_icon01.jpg) 10px center no-repeat; }
.i_case_but a.i_case_but02{ background:#8FC41E url(../images/i_case_icon02.jpg) 10px center no-repeat; }
.i_case_but a.i_case_but03{ background:#8FC41E url(../images/i_case_icon03.jpg) 10px center no-repeat; }

.i_case_right{ width:100%; max-width:768px; float:none; height:380px; margin:20px auto 0;}


/**内页导航**/
/**内页**/
.n_banner{ height:auto; padding-top:50px;}
.n_banner img{ display:block; width:100%;}
.n_main_top{ height:50px; line-height:24px; padding:13px 10px;}
.n_main{ padding:0px 0 30px;}
.n_main_center{ top:0; padding:0;}
.n_left{ width:100%; float:none; min-height:0; border:none;}
.n_left_top{ display:none;}
.n_nav{ border:none; width:100%; height:36px; background:#104239; line-height:36px;}
.n_nav dl{ padding:0; position:relative; z-index:99;}
.n_nav dl dt{ position:relative; z-index:99; background:#104239; text-indent:14px; display:block; height:36px; line-height:36px; font-size:16px; font-weight:normal; cursor:pointer; color:#fff; width:100%;}
.n_nav dl dt.n_nav_close:after{content: "\e409"; position:absolute; right:4px; font-weight:normal; color:#fff; font-family: 'gds'; font-size:24px;}
.n_nav dl dt.n_nav_open:after{content: "\e5cf"; position:absolute; right:4px; font-weight:normal; color:#fff; font-family: 'gds'; font-size:24px;}

.n_nav_box{ border:none; width:100%; display:none; position:absolute; z-index:999; top:36px; background:#fff; padding:10px 10px 0;}
.n_nav dl dd{ border:none; width:100%; max-width:100%; float:none; text-align:center; margin-bottom:10px;}
.n_nav dl dd a{ display:block; width:100%; height:35px; line-height:35px; text-align:center;}

.left_pro,.team{ display:none;}


.mob_team{ display:block; width:100%; background:#fff; border:1px solid #E6E2E3; padding:10px; margin-top:20px;}
.mob_team dt{ width:100%; height:48px; background:#90C31E; font-size:16px; color:#fff; line-height:48px; padding:0 14px;}
.mob_team dd{ padding:20px 5px 0; }
.mob_team dd ul{ width:100%;}
.mob_team dd ul li{ width:25%; float:left; padding:0 5px;}
.mob_team dd a{ display:block; width:100%; border:1px solid #E7E8EA; margin-bottom:20px;}
.mob_team dd a img{ width:100%;}

.mob_left_pro{display:block; width:100%; background:#fff; border:1px solid #E6E2E3; padding:10px; margin-top:20px;}
.mob_left_pro dt{ width:100%; height:48px; background:#90C31E; font-size:16px; color:#fff; line-height:48px; padding:0 14px;}
.mob_left_pro dd{ padding:20px 5px 0; }
.mob_left_pro dd ul{ width:100%;}
.mob_left_pro dd ul li{ width:25%; float:left; padding:0 5px;}
.mob_left_pro dd a{ display:block; width:100%; margin-bottom:14px;}
.mob_left_pro dd a img{ width:100%; border:1px solid #E7E8EA;}
.mob_left_pro dd a .h1{ text-align:center; font-size:14px; color:#666; line-height:30px;}
.mob_left_pro dd a:hover .h1{ color:#e95504;}

.pc_hotnews{ display:none;}
.mob_hotnews{ display:block; width:100%; background:#fff; border:1px solid #E6E2E3; padding:10px; margin-top:20px;}
.hotnews dd{ padding:10px 6px; }



.n_right{  width:100%; float:none; min-height:10px;  border:1px solid #E6E2E3; background:#fff;}
.n_right_top{ height:59px; line-height:58px; border-bottom:1px solid #E7E3E4; padding:0 18px;}
.n_right_top .h1{ width:50%; float:left; font-size:18px; height:58px; line-height:58px; color:#333333;}
.n_right_top .n_right_top_right{ width:50%; float:right; height:58px; text-align:right;}
.n_right_top .n_right_top_right a{ line-height:30px; background:url(../images/tel.jpg) center left no-repeat; font-size:16px; color:#e95504; display:inline-block; height:30px; padding-left:38px;}


.n_con{ font-size:14px; line-height:24px; color:#666; padding:20px;}
.n_con img{ max-width:100% !important; height:auto !important;}

.pro_con01{ width:100%; padding:20px 14px 30px; font-size:14px; color:#333; background:#EFEFEF;}
.pro_tj{ width:100%; font-size:14px; padding:20px 0;}
.pro_tj strong{ display:inline-block; font-weight:600; height:24px; color:#e95504; line-height:24px; font-size:14px;}
.pro_tj a{ display:inline-block; padding:0 8px; height:24px; color:#e95504; line-height:24px; font-size:14px;}

.pro_list{ width:100%; padding:0 10px;}
.pro_list li{ width:33.33%; float:left; padding:0 10px 46px;}
.pro_list li a{ display:block; width:100%; border:2px solid #fff; overflow:hidden; margin-bottom:20px;}
.pro_list li a .pro_box{ width:100%; height:100%; border:1px solid #E5E5E5;}
.pro_list li a .products_img{ width:100%; overflow:hidden;}
.pro_list li a .products_img img{ width:100%;}
.pro_list li a .products_con{ padding:0 10px 10px;}
.pro_list li a .products_con .h1{ height:45px; line-height:44px; font-size:14px; text-align:center; font-weight:600; color:#333; border-bottom:1px solid #D7D7D7; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; margin-bottom:8px;}
.pro_list li a .products_con p{ font-size:13px; color:#666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:20px; height:40px;}
.pro_list li span{ display:block; width:90px; height:28px; font-size:14px; color:#80B819; line-height:26px; text-align:center; border:1px solid #80B819; margin:0 auto; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer;}
.pro_list li:hover a{ border-color:#80B819;}
.pro_list li:hover a .pro_box{  border-color:#80B819;}

.compared_box{ display:none; width:100%; left:0; margin-left:0px;}

.compared_main{ padding:60px 0 30px;}

.other_n_main{ top:0;}
.other_nav{ padding:0; background:none; z-index:999;}
.other_nav_ul{ width:100%; background:#fff; border:1px solid #E6E2E3; padding:10px 0px 20px 10px;}
.other_nav_ul li{ width:auto; margin:10px 10px 0 0; display:inline-block;}
.other_nav_ul li a{padding:0 16px 0 36px; display:block; width:100%; height:48px; background:url(../images/n_nav_a01.png) 18px center no-repeat;  line-height:46px; font-size:16px; color:#333333; border:1px solid #D2D2D2; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;}

.other_nav_ul li a:hover{ color:#fff; border-color:#EB5403; background:#EB5403 url(../images/n_nav_a02.png) 18px center no-repeat;}
.other_nav_ul li a.active{ color:#fff; border-color:#EB5403; background:#EB5403 url(../images/n_nav_a02.png) 18px center no-repeat;}

.other_nav_dl{ width:100%; height:40px; position:relative; top:0px; z-index:999; left:0;}
.other_nav_dl dt{ position:relative; z-index:99; background:#104239; text-indent:14px; display:block; height:36px; line-height:36px; font-size:16px; font-weight:normal; cursor:pointer; color:#fff; width:100%;}
.other_nav_dl dt.n_nav_close:after{content: "\e409"; position:absolute; right:4px; font-weight:normal; color:#fff; font-family: 'gds'; font-size:24px;}
.other_nav_dl dt.n_nav_open:after{content: "\e5cf"; position:absolute; right:4px; font-weight:normal; color:#fff; font-family: 'gds'; font-size:24px;}
.other_nav_dl dd{ width:100%; height:41px; float:none; border-bottom:1px solid #E4E2E3;}
.other_nav_dl dd a{ line-height:40px;}
.other_nav_dl dd a strong{ display:block; width:100%; height:100%; line-height:40px; font-size:16px; color:#333;}
.other_nav_dl dd a span{ display:none !important;}
/*.other_nav_dl dd a:hover{ background:none; color:#EA5505; padding-top:0px; }
.other_nav_dl dd a:hover strong{ font-size:16px; line-height:40px; color:#EA5505;}
.other_nav_dl dd a:hover span{ display:none !important;}*/
.other_nav_dl dd a.cur{ background:none; color:#EA5505; padding-top:0px; }
.other_nav_dl dd a.cur strong{ font-size:16px; line-height:40px; color:#EA5505;}
.other_nav_dl dd a.cur span{ display:none !important;}

.other_nav_box{ border:none; width:100%; display:none; position:absolute; z-index:999; top:36px; background:#fff;}



/**发展历程**/
.course_list{ width:100%; max-width:768px; margin:0 auto;}
.course_list li{width:100%; padding:0 10px;}
.course_list li:nth-child(odd){ background:none;}
.course_list li:nth-child(even){ background:none;}
.course_box dt{ width:100%; overflow:hidden; height:auto; float:none !important;}

.course_box dd{ width:100%; height:auto; float:none !important; padding:20px; display: -moz-box; /* Firefox */ 
display: -ms-flexbox; /* IE10 */ 
display: -webkit-box; /* Safari */ 
display: -webkit-flex; /* Chrome, WebKit */ 
display: box; 
display: flexbox; 
display: flex; 
flex-direction:column;

justify-content: center;}
.course_box dd .h1{ font-size:26px; color:#333; line-height:50px;}
.course_box dd .h1 strong{ font-weight:600;}
.course_box dd p{ font-size:14px; color:#333; line-height:24px; padding:8px 0;}
.course_box dd a{ line-height:30px; margin-top:30px; display:block; width:96px; height:30px; font-size:14px; text-align:center;}
.course_con{ display:none; width:100%; background:#90C320; z-index:9; position:relative;}
.course_txt{ padding:70px 5%; width:100%;}
.course_con span.course_close{ background:url(../images/course_close.png) center bottom no-repeat; display:block; width:32px; height:32px; position:absolute; top:22px; right:60px; z-index:9; cursor:pointer;}
.course_con .h1{ font-size:22px; color:#fff; line-height:48px;}
.course_con .h1 strong{ font-weight:600;}
.course_con p{ font-size:14px; color:#fff; line-height:24px; padding:8px 0;}


.contact_box_con{ width:100%; padding:20px 0;}
.contact_box_left{ width:100%; float:none; margin-bottom:20px;}
.contact_box_left .h1{ font-size:20px; color:#104239; line-height:36px; font-weight:600;}
.contact_box_left .h2{ font-size:14px; color:#888888; line-height:26px; margin-bottom:10px;}
.contact_box_left p{ font-size:14px; color:#333; line-height:24px;}
.contact_box_right{ max-width:100%; width:100%; float:none; padding:5px; border:1px solid #E6E6E6;}
.contact_box_right img{ width:100%;}


.n_about{ width:100%; max-width:1220px; padding:0 10px; margin:0 auto;}
.n_about_left{ width:100%; max-width:768px; float:none; height:auto; margin:0 auto;}
.n_about_left .h1{max-width:768px; margin:0 auto; font-size:22px; line-height:40px;}
.n_about_left .h1 span{ padding-left:4px;}
.n_about_right{  float:none; margin:20px auto; width:100%; max-width:768px; height:auto;}

/**culture**/
.culture{ padding:20px 10px; height:auto; background:url(../images/culture_bg.jpg) center no-repeat; background-size:100% 100%;}
.culture_center{ padding:0;}
.culture_center .h1{max-width:768px; margin:0 auto; font-size:22px; line-height:40px; margin-bottom:10px;}
.culture_center .h1 span{ padding-left:4px;}
.culture_left{ width:100%; float:none; height:auto; max-width:768px; margin:0 auto; overflow:hidden;}
.culture_img{ width:100%; overflow:hidden; display:none;}
.culture_img img{ width:100%;}
.culture_right{ width:100%; float:none; height:auto; max-width:768px; margin:0 auto; padding:20px;}
.culture_ul{ width:100%;}
.culture_right_box{ width:100%; height:auto;  padding-top:20px;}

/**企业风采**/
.style{ width:100%; background:#F6F6F6;}
.style_center{ max-width:788px; margin:0 auto; width:100%; margin:0 auto; padding:30px 0 50px;}
.style_center .h1{ max-width:788px; padding:0 10px; margin:0 auto; font-size:22px; color:#104239; line-height:40px; margin-bottom:10px;}
.style_center .h1 span{ padding-left:4px; text-transform:uppercase;}


}
@media (max-width: 1150px){
#owl-demo li .item_con{ 
bottom:0px;
left:0;
margin-left:0;
}
}
@media (max-width: 1150px){
.i_news{  height:auto; background:url(../images/i_bg6.jpg) center no-repeat; background-size:100% 100%; padding:0 10px 30px;}
.i_news_left{ width:100%; max-width:768px; float:none; height:auto; margin:0 auto;}
.i_news_right{ width:100%; max-width:768px; float:none; height:auto; margin:20px auto 0; padding-bottom:20px;}
.i_news_left dt,.i_news_right dt{ padding-left:18px; color:#fff; font-size:16px; font-weight:600; height:50px; line-height:50px; position:relative; z-index:1; background:#8FC41E;}
.i_news_left dt span{ display:inline-block; height:50px; line-height:50px; border-bottom:3px solid #8FC41E; font-size:16px; color:#fff; margin-right:30px; cursor:pointer;}
.i_news_left dt span.cur,.i_news_left dt span:hover{ border-color:#EB5405;}
.i_news_left dt a,.i_news_right dt a{ font-weight:600; background:#EB5405; display:block; width:92px; text-align:center; color:#fff; line-height:50px; height:50px; position:absolute; top:0; right:0; z-index:9; font-size:18px;}
.i_news_left dd,.i_news_right dd{ width:100%; height:auto; border:1px solid #E7E9E8; border-top:none;}
.i_news_left dd .i_news_tab{ display:none; width:100%; height:100%; padding:20px 16px;}
.i_news_left dd .i_news_tab img{ width:100%;}
.i_news_left dd .i_news_tab ul{ width:100%; padding-top:16px;}
.i_news_left dd .i_news_tab ul li{ width:100%; height:34px;}
.i_news_left dd .i_news_tab ul li a{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; font-size:14px; color:#333; background:url(../images/i_news_left.jpg) center left no-repeat; display:block; width:100%; height:34px; line-height:34px; position:relative; z-index:1; padding-left:16px;}
.i_news_left dd .i_news_tab ul li a:hover{ color:#EB5405;}

.i_news_right dd{padding:10px 2px 0;}
	}
@media (max-width: 950px){
.i_about_bottom{ height:auto; padding:10px;}
.i_about_bottom ul{ width:100%; padding-top:0; padding-left:0;}
.i_about_bottom ul li{ width:50%;}


.outlets_list{ padding:10px;}
.outlets_search{ padding:10px; height:auto;}
.outlets_search li{ width:100%; padding-left:80px; position:relative; z-index:1; height:46px;}
.outlets_search li span{ font-size:14px; display:block; width:70px; height:40px; position:absolute; top:0; left:0; z-index:1; line-height:36px; text-align:right;}
.outlets_search .button{ border:none; cursor:pointer; margin-right:10px; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px; display:block; width:80px; height:36px; background:#EA5505; text-align:center; line-height:36px; font-size:14px; color:#fff; float:right;}



/**产品**/
.i_products_box{ padding-left:0; padding:10px 0;}
.i_products_but{ width:100%; max-width:768px; margin:0 auto; height:auto; position:relative; top:0px; left:0; padding-top:0;}
.i_products_but dl{ width:25%;  height:auto;  padding:10px 5px; float:left;}
.i_products_but dl a{ height:auto; border:3px solid #E95606; padding-left:0;}
.i_products_but dl a dt{ width:100%; height:auto; background:#EA5505; position:relative; top:0; left:0; font-size:16px; color:#fff; text-align:center; line-height:24px; padding:10px 0 4px;}
.i_products_but dl a:hover dd,.i_products_but dl a.cur dd{ background:#E95606;}
.i_products_but dl a:hover dd i,.i_products_but dl a.cur dd i{ display:none;}

.i_products_list{ width:100%; max-width:768px; height:auto; background:url(../images/i_products_list.png) center no-repeat; background-size:100% 100%; padding:25px 20px 25px 20px; margin:0 auto;}
.i_products_tab_left{ width:100%; float:none; height:auto; overflow:hidden; padding:5px;}
.i_products_tab_left img{ width:100%;}
.i_products_tab_right{ float:none; width:100%;}
.i_products_tab_right_img{ width:100%;}
.i_products_tab_right_img li{ width:50%; float:left; padding:5px;}
.i_products_tab_right_img li a{ display:block; width:100%; overflow:hidden;}
.i_products_tab_right_img li a img{ width:100%;}
.i_products_tab_right_con{ padding:5px; height:auto;}
.i_products_con{ width:100%; height:100%; background:#fff; padding:10px 10px 20px;}
.i_products_con .h1{ font-size:32px; color:#000; font-weight:600; line-height:42px;}
.i_products_con p{ font-size:14px; color:#333; line-height:24px;}
.i_products_con_left{ width:100%; float:none; padding-top:22px;}
.i_products_con_left li{ overflow:hidden; width:68px; font-size:12px; height:32px; margin:0 10px 10px 0; float:left; text-align:center; }
.i_products_con_left li a{-webkit-border-radius:6px; -moz-border-radius: 6px; border-radius: 6px; background:#F1F1F1; color:#333; line-height:32px; display:block; width:100%; height:100%;}
.i_products_con_left li a:hover{ background:#EB5403; color:#fff;}
.i_products_con_right{ width:100%; float:none; padding-top:5px;}
.i_products_con_right .h2{ font-weight:600; font-size:18px; color:#8fc31e; line-height:40px;}
.i_products_con_right p{ line-height:20px; font-size:14px; color:#333333; height:auto; overflow:visible; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 100; -webkit-box-orient: vertical;}


.i_experience{ width:100%; height:auto; background:url(../images/i_bg5.jpg) center no-repeat; background-size:100% 100%; padding:20px 10px 36px;}
.i_experience_list{ padding-bottom:50px;}
.i_experience_list dl{ width:100%; height:190px; margin-top:50px; float:left;}
.i_experience_list dl:nth-child(odd){ padding-right:0px;}
.i_experience_list dl:nth-child(even){ padding-left:0px;}

.join_box{ padding:10px 10px 20px;}

/**职位列表**/
.job{ padding:10px 10px 20px;}

.contact_box{ padding:10px 10px 20px;}
	}
	
@media (max-width: 768px){
.mob-pro_parameter{ padding-bottom:0;}
.sosi{ display:block; width:100%; height:40px; position:relative; z-index:1;}
.sosi i{ display:block; width:40px; height:40px; background:url(../images/hdicon.gif) center no-repeat; position:absolute; right:0; bottom:0; z-index:9;}

#owl-demo .owl-controls{ display:none !important;}
/**404**/

.menu404_list{ width:100%; max-width:1150px; margin:0 auto; padding-top:10px; padding-left:0}
.menu404_list dl{ max-width:100%; width:100%; float:none;}
.menu404_list dl dt{ line-height:36px; padding-bottom:0px;}
.menu404_list dl dt a{ display:none;}
.menu404_list dl dt span{ display:block; cursor:pointer; width:100%; height:36px;}
.menu404_list dl span.cur{ color:#EA5503;}
.menu404_list dl span.cur::after{ border-color:#EA5503 transparent transparent;}
.menu404_dd{ display:none;}
.menu404_list dl dd{ line-height:30px;}


	.n_map_banner{ height:360px; padding-top:50px;}
.i_about_bottom ul li{ width:100%; height:40px; padding: 3px 0;}
.i_about_bottom ul li a{ font-size:16px;}

.i_contact{ height:auto; padding:30px 10px; background-size:100% 100%;}
.i_contact img{ max-width:100%;}
.i_contact_box{ height:auto;}
.i_contact_but{ padding:10px;}
.i_contact_but p a{ position:relative; z-index:999;}
.i_contact_bg{ background: url(../images/i_contact_box.png) left 16px no-repeat; background-size: 100% auto;}
.i_contact_box .i_contact_list ul li{ width:100%; float:none; height:50px; line-height:50px; text-align:left; padding-right:10px;}

.i_case_right{  height:auto;}
#banners{ display:none;}
.i_case_mob{ width:100%;  display:block; overflow:hidden; display:block;}
.i_case_pc{ display:none;}
.i_case_mob_list{ display:none; width:100%; border:3px solid #EB5405;}
.i_case_mob_list .item { width:100%; height:100%; overflow:hidden; display:block;}
.i_case_mob_list .item img{ width:100%; height:100%;}
.i_case_mob_list .item .i_case_mob_con{ padding:10px; color:#fff; font-size:14px; line-height:24px;}
.i_case_mob_list .owl-controls { height:0; padding:0; margin:0 auto;}
.i_case_mob_list .owl-wrapper-outer{ z-index:1040;}
.i_case_mob_list .owl-controls .owl-pagination { padding-bottom:0px;width: 100%; max-width:100% !important;  margin: 0 auto; text-align:right; position:absolute; bottom:0; z-index:1040;}
.i_case_mob_list .owl-controls .owl-page span { display: block; width:14px;height:16px;margin: 4px; background:none; border:none; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; background:url(../images/about_pic02.png) center no-repeat;}
.i_case_mob_list .owl-controls .owl-page.active span{ background:url(../images/about_pic01.png) center no-repeat;}

.pro_tj{ padding:10px 0;}

.compared_center{ padding:0 10px;}
.compared_top{ width:100%; line-height:50px;}
.compared_top .h1{ width:100%; float:none; line-height:50px; font-size:16px;}
.compared_top_right{ display:none;}


/**案例**/
.case_list{ border-top:1px solid #E6E6E6; padding-bottom:30px;}
.case_list dl{ border:1px solid #E6E6E6; border-top:none; width:100%; padding:10px; height:auto;}
.case_list dl dt{ width:100%; height:auto; position:relative; top:0; left:0; z-index:9; overflow:hidden;}
.case_list dl dt img{ width:100%;}
.case_list dl dd{ width:100%; padding:0 10px;}
.case_list dl dd .h1{ font-size:18px; color:#333; line-height:28px; padding:14px 0; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.case_con{ width:100%; height:auto; overflow:visible;}
.case_list dl dd p{ font-size:14px; line-height:24px; color:#666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1000; -webkit-box-orient: vertical; height:auto;}
.case_list dl dd span{ display:block; width:120px; height:44px; line-height:42px; text-align:center; font-size:14px; color:#e95504; border:1px solid #e95504; margin:24px 0 10px;}

.case_list dl a:hover span{ background:#e95504; color:#fff; }
.case_list dl a:hover .h1{ color:#e95504;}

.case_list dl:hover{ z-index:99; -webkit-box-shadow:0px 0px 8px #D7D7D7; -moz-box-shadow:0px 0px 8px #D7D7D7; box-shadow:0px 0px 8px #D7D7D7;}

.contact_box_img{ padding:10px;}
.contact_box_img .h1{ font-size:16px; color:#e95504; line-height:32px; margin-bottom:10px;}
.contact_box_img p{ font-size:14px; color:#333; line-height:24px;}


/**荣誉**/
.honor_list li{  padding:0 3%; margin-bottom:20px;}


.news_box{padding:10px;}
.news_list{ margin-bottom:20px;}




.compared_list{ width:100%; height:214px; padding:10px 110px 10px 10px;}
.compared_list li{ width:26%; height:160px; float:left; padding-right:42px; position:relative; z-index:1;}
.compared_list li i{ display:block; width:32px; height:32px; position:absolute; top:0; right:0; z-index:9; background:url(../images/close.png) center no-repeat; cursor:pointer;}
.compared_list li img{ width:100%;}
.compared_list li .h2{ font-size:14px; color:#fff; line-height:26px; text-align:center;}
.vs{ width:11%; height:150px; line-height:150px; font-size:18px; float:left;}
.compared_list a{ display:block; width:100px; height:38px; text-align:center; line-height:38px; top:50%; margin-top:-19px; right:10px;}

.drift{ display:none;}
.top_bar { display:block; position: fixed;z-index: 9999999;bottom: 0;left: 0;right: 0;margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu {display: -webkit-box;border-top: 1px solid #104239;display: block;width: 100%;height: 50px;display: -webkit-box;
display: box;margin: 0;padding: 0;-webkit-box-orient: horizontal;background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945));
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset;background:#104239;}
.top_bar .top_menu>li.home2 {max-width: 70px;}
.top_bar .top_menu>li {-webkit-box-flex: 1;position: relative;text-align: center;}
.top_menu li:first-child {background: none;}
.top_bar .top_menu>li {float: left;width: 25%;}
.top_bar .top_menu>li.home2 a {height: 60px;width: 60px;margin: auto;border-radius: 60px;position: relative;top: -20px;background: url(../images/logofff.png) no-repeat center center;background-size: 100% 100%;}
.top_bar .top_menu>li>a {height: 48px;margin-right: 1px;display: block;text-align: center;color: #FFF;text-decoration: none;text-shadow: 0 1px rgba(0, 0, 0, 0.3);-webkit-box-flex: 1;}
.top_bar .top_menu>li>a label {overflow: hidden;margin: 3px 0 0 0;font-size: 12px;display: block !important;line-height: 18px;text-align: center;}
.top_bar .top_menu>li>a img {padding: 3px 0 0 0;border: 0;height: 22px;width: 22px;color: #fff;line-height: 48px;vertical-align: middle;}
.top_bar .top_menu>li>a img.imgkbottom {width: 22px; height: 22px; }
.top_bar .top_menu>li>a img {padding: 3px 0 0 0;border: 0;color: #fff;line-height: 48px;vertical-align: middle;}

footer{ height:50px; overflow:hidden;}
.i_about_bottom{ display:none !important;}
	}
	
@media (max-width: 700px){
	.contact_but{ padding:10px;}
	.contact_but a{  width:100%; max-width:320px; font-size:18px; margin:10px 0;}
	
#owl-demo li .item_con .h1{ font-size:18px; line-height:30px;}
#owl-demo li .item_con p{ display:none;}
#owl-demo li .item_con .h2{ font-size:16px; line-height:28px;}
.banner_but{ margin-top:0;}
.banner_but a{ padding:0 10px; height:30px; line-height:28px;}
.banner_but a.banner_video{ padding-right:30px;}
.banner_but a.banner_video::after {right: 10px;}

.n_main_top a{  font-size:12px; margin:0 0px;}
.n_main_top span{ font-size:12px; margin:0;}
	}
@media (max-width: 640px){
	.n_about_con{  height:230px;}
	.n_map_banner{ height:300px;}
.i_products_list{padding:10px ;}

.pro_list li {
    width: 50%;
    float: left;
    padding: 0 10px 30px;
}

.n_right_top{ height:auto; line-height:30px; border-bottom:1px solid #E7E3E4; padding:10px 10px;}
.n_right_top .h1{ width:100%; float:none; font-size:16px; height:30px; line-height:30px;}
.n_right_top .n_right_top_right{ width:100%; float:none; height:30px; text-align:left;}
.n_right_top .n_right_top_right a{ line-height:30px; background:url(../images/tel.jpg) center left no-repeat; font-size:16px; color:#e95504; display:inline-block; height:30px; padding-left:38px;}


.mob_team dd ul li{ width:50%;}
.mob_left_pro dd ul li{ width:50%;}


.n_con{ padding:10px;}
.pro_list{ padding:0 ;}


.case_info{ padding:20px 10px 30px;}
.case_info_top{ width:100%; padding-bottom:10px; border-bottom:1px solid #DEDEDE;}
.case_info_top p{ float:left; font-size:14px; color:#999999; line-height:24px;}
.case_info_top .h1{ font-size:18px; color:#333; line-height:26px;}
.bdsharebuttonbox{ float:left;}

.case_bottom{ width:100%; max-width:1200px; margin:0 auto; padding:10px 110px 10px 10px; height:68px;}
.case_bottom p{ line-height:24px;}
.case_bottom p a{ line-height:24px;}
.case_bottom a.back{ display:block; width:110px; height:68px; position:absolute; top:0; right:0; z-index:9; background:#EA5505 url(../images/back.jpg) 14px center no-repeat; padding-left:38px; font-size:14px; color:#fff; line-height:68px;}



.form_box li{ float:left; padding:0 10px 10px;}

/**荣誉**/
.honor_list{ width:100%; padding:20px 10px;}
.honor_list li{ width:50%; float:left; padding:0 20px; margin-bottom:20px;}
.honor_list li a .h1{ font-size:14px; line-height:40px; }

/**视频**/
.video_list{ width:100%; padding:20px 10px;}
.video_list li{ width:50%; float:left; padding:0 10px; margin-bottom:22px;}
.video_list li a{ display:block; width:100%; border:1px solid #E6E6E6; padding:10px 10px 0;}

/**相关产品**/
.xg_pro{ padding:10px 10px; margin-top:30px;}
.xg_pro dt{ margin-bottom:10px;}
.xg_pro dd ul li{ width:50%; float:left; padding:0 5px;}


.news_box{padding:10px;}
.news_list{ margin-bottom:20px; height:auto;}
.news_list a{  padding-right:0; }
.news_list dt{ width:100%; height:auto; position:relative;}
.news_list dt img{ width:100%;}
.news_list dd{ width:100%; height:auto; padding:10px;}
.news_list dd .h1{ font-size:18px; color:#333; line-height:48px;  overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.news_list dd p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 100; -webkit-box-orient: vertical; height:auto; margin-bottom:10px;}
.news_list dd time{ font-size:16px; color:#888; line-height:30px;}

.news_list a:hover{ background:#EDEDED;}
.news_list a:hover .h1{ color:#e95504;}


.xgnews li{ width:100%; float:none;}


.team_case_pc{ display:none;}
.team_case_mob{ display:block; width:100%;}
.join_box .team_case dd{ padding:10px;}
.join_box .team_case dt,.join_box_dl dt{ padding-left:10px;}

/**企业风采**/
.style_center{ width:100%; max-width:1200px; margin:0 auto; padding:20px 0 30px;}


.compared_list{ padding:10px; height:auto;}
.compared_list li{ width:26%; height:auto; float:left; padding-right:20px; position:relative; z-index:1;}
.compared_list li i{ display:block; width:20px; height:20px; position:absolute; top:0; right:0; z-index:9; background:url(../images/close.png) center no-repeat; background-size:100% 100%; cursor:pointer;}
.compared_list li img{ width:100%;}
.compared_list li .h2{ font-size:14px; color:#fff; line-height:26px; text-align:center;}
.vs{ width:10%; height:150px; line-height:150px; color:#fff; font-size:18px; float:left;}
.compared_list a{ display:block; float:none;  width:120px; height:44px; text-align:center; line-height:44px; background:#fff; font-size:14px; color:#e95504; position:relative; top:0; margin:10px auto; right:auto; z-index:99;}

	}
@media (max-width: 420px){	
.i_experience_list dl{ height:120px; margin-top:20px;}
.i_experience_list dl a{ padding-left:136px;}
.i_experience_list dl a dt{ width:136px; height:120px;}
.i_experience_list dl a dt img{ width:100%;}
.i_experience_list dl a dd{ width:100%; position:relative; z-index:2; height:100%; padding:10px;}
.i_experience_list dl a dd .h1{ height:42px; line-height:42px; width:100%; padding-left:46px; font-size:16px; font-weight:600; margin-bottom:4px;}

.i_experience_list dl a dd p{ font-size:14px; color:#000; line-height:24px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:48px}
.i_experience_list dl a dd .i_experience_bg{ display:block; width:100%; height:12px; position:absolute; bottom:-12px; right:0; z-index:10; background:url(../images/i_experience_bg.jpg) top center no-repeat; background-size:100% 100%;}



.i_contact_but{ width:100%; text-align:center; padding:18px 0 40px;}
.i_contact_but p{ line-height:38px; font-size:14px; color:#333333;}
.i_contact_but p a{ display:inline-block; height:38px; line-height:38px; padding:0 10px 0 42px; background:#EB5307 url(../images/i_contact_but.jpg) 10px center no-repeat; font-size:18px; margin-right:10px;}
.i_contact_box .i_contact_list{ padding:10px;}
.i_contact_bg {
    background: url(../images/i_contact_box.png) left 58px no-repeat;
    background-size: 100% auto;
}
.i_contact_box .i_contact_list ul{ padding:10px 10px;}
.i_contact_box .i_contact_list ul li{ height:42px; line-height:42px; font-size:16px; padding-right:0;}
.i_contact_box .i_contact_list ul li a{ font-size:16px; padding-left:32px;}

.i_products_con .h1{ font-size:20px; line-height:32px;}
.i_case_left .h1{ font-size:18px;}
.i_case_left span{ margin-bottom:10px;}
.i_case_but{ padding-top:10px;}
.i_case_but a{ margin-top:8px;}


.i_case_but a{ padding:0 6px 0 30px; font-size:15px; width:96px; height:40px; line-height:40px;}
.i_case_but a.i_case_but01{ background:#8FC41E url(../images/i_case_icon01.jpg) 2px center no-repeat; background-size:auto 63%;}
.i_case_but a.i_case_but02{ background:#8FC41E url(../images/i_case_icon02.jpg) 2px center no-repeat; background-size:auto 63%;}
.i_case_but a.i_case_but03{ background:#8FC41E url(../images/i_case_icon03.jpg) 2px center no-repeat; background-size:auto 63%;}



.i_title01{ padding:20px;}
.i_title01 .h1{ line-height:34px; font-size:20px; height:auto;}
.i_title01 p{ line-height:24px;}
.i_title02{ padding:20px;}
.i_title02 .h1{ line-height:34px; font-size:20px; height:auto;}
.i_title02 p{ line-height:24px;}
.i_title03{ padding:20px;}
.i_title03 .h1{ line-height:34px; font-size:20px; height:auto;}
.i_title03 p{ line-height:24px;}
.i_title04{ padding:20px 20px 0;}
.i_title04 .h1{ line-height:34px; font-size:20px; height:auto;}
.i_title04 p{ line-height:24px; font-size:14px; letter-spacing:0; text-indent:0;}
.i_title05{ padding:20px;}
.i_title05 .h1{ line-height:34px; font-size:20px; height:auto;}
.i_title05 p{ line-height:24px;}
.i_experience_list{ padding-bottom:20px;}

.big_img ul{ top:10px; right:10px; width:54px;}
.big_img ul li{ margin-bottom:8px;}



.other_nav_ul li{ margin:10px 4px 0 0;}
.other_nav_ul li a{padding:0 8px 0 22px; height:40px; background:url(../images/n_nav_a01.png) 8px center no-repeat;  line-height:38px; font-size:15px;}

.other_nav_ul li a:hover{ background:#EB5403 url(../images/n_nav_a02.png) 8px center no-repeat;}
.other_nav_ul li a.active{ background:#EB5403 url(../images/n_nav_a02.png) 8px center no-repeat;}

.banner_but{ margin-top:0; width:150px; padding:50px 0 0;}
.banner_but a{ padding:0 10px; height:30px; line-height:28px; margin-bottom:8px;}
}
@media (max-width: 380px){
	.i_about_right dl{ margin:10px 0;}
.i_about_right dl a dd{ font-size:12px;}


.form_box li{ width:100%; float:left; padding:0 10px 10px;}
.form_box li.form_but{ width:50%;}
.join_box_img a{ font-size:18px;}

.contact_but a{ padding-left:40px;}

/**荣誉**/
.honor_list li{ padding:0 10px; margin-bottom:20px;}

/**视频**/
.video_list{ width:100%; padding:10px;}
.video_list li{ width:50%; float:left; padding:0 5px; margin-bottom:20px;}
.video_list li a{ display:block; width:100%; border:1px solid #E6E6E6; padding:5px 5px 0;}

/**404**/
.body404{ width:100%; max-width:1200px; margin:0 auto;}
.box404{ width:100%; margin:0 auto; padding:9.8% 0px;}
.main404{ width:100%; max-width:1200px; margin:0 auto; padding-top:64px; position:relative; z-index:1;}
.main404 img{ max-width:260px; margin-left:-130px;}
.con404{ padding:70px 10px 60px;}
.con404 p{ padding-bottom:60px;}
.menu404_title{ padding-bottom:10px;}
	}
@media (max-width: 320px){
.n_main_top{ padding:12px 8px;}
}

