@charset "utf-8";
/* CSS Document */

 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}

@media (min-width: 1200px) {
    .container{
        width: 1280px;
    }
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;}

/*导航样式开始*/
.navbar-default {
	background: #ffffff;
	box-shadow: 0 0px 3px #a1a1a1;
	-webkit-box-shadow: 0 0px 3px #a1a1a1;
	-moz-box-shadow: 0 0px 3px #a1a1a1;
	-o-box-shadow: 0 0px 3px #a1a1a1;
	border: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	margin: 0;
}
.navbar-header {
	z-index: 99;
	position: relative;
}
.navbar-brand {
	height: auto;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	color: #333333;
	font-size: 19px;
	font-family: 'Montserrat', "Microsoft Yahei", sans-serif;
	font-weight: 700;
	margin: 0 0 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	color: #333333 !important;
	padding: 27px 15px;
	letter-spacing: 2.5px;
	z-index: 99999;
}
.navbar-brand span {
	color: #E60012;
}
.navbar-nav {
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.navbar-nav > li > a {
	color: #777777 !important;
	font-size: 15px;
	font-family: 'Montserrat', "Microsoft Yahei", sans-serif;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	padding: 35px 15px;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a.active {
	color: #333333 !important;
}
.navbar-nav li.drop {
	position: relative;
}
.navbar-nav li:hover ul.drop-down {
	opacity: 1;
	display: block;
}
.navbar-nav li.search {
	position: inherit;
}
.top-line {
	padding:8px 0;
	background: #262932;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	overflow:hidden
}
.top-line ul.info-list {
	margin: 0;
	padding: 0;
}
.top-line ul.info-list li {
	display: inline-block;
	margin-right: 25px;
	color: #ffffff;
	font-size: 12px;
	font-family: 'Montserrat', "Microsoft Yahei", sans-serif;
}
.top-line ul.info-list li i {
	color: #E60012;
	font-size: 14px;
	margin-right: 10px;
}
.top-line ul.social-icons {
	margin: 0;
	padding: 0;
	text-align: right;
}
.top-line ul.social-icons li {
	display: inline-block;
	margin-left: 9px;
	color:#b5b5b5; font-size:1.2rem
}
.top-line ul.social-icons li .ff{ font-size:1.6rem; position:relative; top:2px; margin-right:5px;}
.top-line ul.social-icons li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	font-size: 13px;
	color: #ffffff;
}
.top-line ul.social-icons li a:hover {
	color: #E60012;
}
header.active .top-line {
	height: 0;
	padding: 0;
}
.navbar-collapse {
	position: relative;
}
ul.drop-down {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 230px;
	top: 100%;
	left: 0;
	padding: 10px 0;
	border-top: 2px solid #feab11;
	opacity: 0;
	display: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	background: rgba(255, 255, 255, 0.98);
}
ul.drop-down li {
	display: block;
}
ul.drop-down li a {
	padding: 5px 10px;
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	display: block;
	color: #333333;
	font-size: 12px;
	font-family: 'Montserrat', "Microsoft Yahei", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
}
ul.drop-down li a:hover {
	color: #feab11;
}
.form-search {
	position: absolute;
	top: 100%;
	z-index:100;
	right: 0;
	left: 0;
	width: 100%;
	background: #f5f5f5;
	padding: 4px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.form-search input[type="search"] {
	font-size: 12px;
	color: #777777;
	font-family: 'Montserrat', "Microsoft Yahei", sans-serif;
	font-weight: 400;
	line-height: 22px;
	margin: 0 0 10px;
	margin: 0;
	color: #333333;
	padding: 8px 10px;
	border: none;
	width: 100%;
	outline: none;
	background: transparent;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.form-search button {
	background: transparent;
	border: none;
	float: right;
	margin-top: -29px;
	margin-right: 10px;
	position: relative;
	z-index: 2;
}
.form-search button i {
	color: #E60012;
	font-size: 16px;
}
.form-search.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
#container {
	padding-top: 126px;
}
.top-line ul.info-list li {
	font-size: 13px;
}
.navbar-brand {
	padding: 20px 0;
}
.navbar-brand .logo-m {
	display: none;
}
.navbar-brand .logo {
	width:443px;height:60px;display:block;background: url(../images/logo.png) no-repeat left center;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;background-size:auto 100%;
	}
@media (max-width:1200px) {
.navbar-brand {
	padding: 32px 0 31px;
}
.navbar-brand .logo {
	width:270px;height:37px;
	}
}
@media (max-width:1023px) {
.navbar-brand {
	padding: 20px 0;
}
.navbar-brand .logo {
	width:361px;height:50px;
	}
}
@media (max-width:768px) {
.navbar-brand .logo {
	width:238px;height:33px;
	}
}

.navbar-nav > li > a {
	padding: 40px 18px;
}
ul.drop-down {
	width: 150px;
}
.navbar-default .navbar-nav > li > a {
	color: #282828!important;
}
.navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #feab11!important;
}
.navbar-nav .drop-down .Lev2 {
	position: relative;
}
.navbar-nav .drop-down .sub-menu3 {
	display: none !important;
}
.navbar-nav .drop-down .Lev2:hover .sub-menu3 {
	display: block !important;
	left: 100%;
	top: 0!important;
	margin-top: -12px!important;
}
/*导航样式结束*/
/* 响应式样式开始 */

@media (min-width:1890px) {
#navigation .menu1 {
	margin: 0 7px;
}
}
 @media (max-width : 1024px) {
body {
	word-break: break-all;
	word-wrap: break-word
}
.container {
	max-width: 98%;
	width: 98%;
}
.topbar-left {
	width: auto;
	float: left;
}
.topbar-right {
	width: auto;
	float: right;
}
.top-line ul.info-list li {
	margin-right: 20px;
}
.navbar-toggle {
	display: block !important;
	margin-top: 22px;
	margin-right: 0;
	padding: 7px 8px;
	border: 1px #ddd solid;
	border-radius: 5px;
}
.navbar-toggle .icon-bar {
	width: 18px;
}
#bs-example-navbar-collapse-1 {
	display: none !important;
}
.navbar .navbar-header {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
#mmenu {
	border-left: 1px #E5E5E5 solid;
}
#mmenu .mmDiv {
	padding-top: 20px;
}
#mmenu .mm-title {
	padding: 12px 0 11px;
}
#mmenu .mm-search-form {
	margin: 0;
}
#mmenu .mm-search {
	position: static;
	padding-left: 0;
	margin-top: 10px;
	padding-right: 0;
	margin-bottom: -17px;
}
#mmenu .mm-search .side-mm-keyword {
	max-height: 32px;
	height: 32px;
	padding: 0 16px;
}
#mmenu .noblock {
	display: inline !important;
	padding: 10px;
}
#mmenu .MMhead {
	line-height: 2.8;
	border-bottom: 1px #E5E5E5 solid;
	margin: 0 -20px;
	padding-left: 10px;
}
#mmenu .MMhead a {
	background: none;
}
#mmenu .mm-header .mm-title {
	top: -10px;
	font-size: 14px;
}
#mmenu a {
	color: #333;
	font-size: 14px;
}
#mmenu a:hover, #mmenu a:active {
	color: #AF7F48
}
#mmenu .mm-listview > li > a, #mmenu .mm-listview > li > span {
	padding: 10px 10px 10px 20px;
}
}
@media (max-width : 990px) { /* 960 */
.container {
	max-width: 99%;
	width: 99%;
}
.top-line {
	padding: 10px 0 8px;
}
.top-line ul.info-list li.tb-adword {
	display: none;
}
#container {
	padding-top: 118px;
}
}
@media (max-width : 768px) { /* 向下考虑iphone6的667px和736px */
.top-line ul.info-list li.tb-email {
	display: none;
}
}
@media (max-width : 740px) { /* 双行，568px,600px,640px */
.top-line {
	display: block;
}
#container {
	padding-top: 112px;
}
.navbar-brand {
	padding: 18px 15px 18px 0;
}
}
@media (max-width : 480px) {
.cate-itme {
	width: 100%;
}
.top-line {
	display: none;
}
#container {
	padding-top: 70px;
}
}
@media (max-width : 420px) {/* 单行，240px,320px,375px,384px,414px */
.top-line ul.info-list li.tb-phone {
	display: none;
}
}
/* 响应式样式结束 */




/*首页*/

.flash_x{ background:#ffbb05;}
.flash_x .container{ padding-left:0; padding-right:0}
.f_x{ padding:20px 0; text-align:center; line-height:2}
.f_x .f_x1{ padding:15px 0;}
.f_x .f_x1 img{ max-width:100%}
.f_x .f_x2{ color:#1f1a19; font-size:1.8rem; font-weight:bold}
.f_x .f_x3{ color:#5d5d5d; font-size:1.4rem}


/*首页产品*/
.cpgd{ background:#f8f8f8;}
.cpgd .container{ padding-left:0; padding-right:0}
.cpgd .cpgd_bt{ padding:50px 0; text-align:center}
.cpgd .cpgd_bt .cpgd_bt1{ font-size:3rem; color:#555555; font-weight:bold;}
.cpgd .cpgd_bt .cpgd_bt1 span{ color:#ffbb05;}
.cpgd .cpgd_bt .cpgd_bt2{ font-size:2rem; color:#555555; padding:5px 0}
.cpgd .cpgd_bt .cpgd_bt2 .fa{ font-size:1.4rem; color:#999999; margin:0 5px}


.center1 .cp_s{ margin-top:0px; margin-bottom:10px;}
.center1 .cp_s .row{ background:#FFF; margin:0 5px; padding:50px 0; -moz-box-shadow:2px 2px 10px #C7C7C7; -webkit-box-shadow:2px 2px 10px #C7C7C7; box-shadow:2px 2px 10px #C7C7C7; border-radius:15px;}
.center1 .cp_s img{ max-width:100%;}
.center1 .cp_s .cp_s_zi1{ color:#555555; font-size:2.4rem; text-align:left;}
.center1 .cp_s .cp_s_zi2{ color:#777777; font-size:1.4rem; text-align:left; line-height:1.6; padding-top:10px; width:85%; }
.center1 .cp_s .cp_s_zi3{ float:right; display:block; width:72px; height:25px; border:1px solid #999999; line-height:23px; text-align:center; margin-top:25px; margin-right:15px; border-radius:5px;}
.center1 .cp_s .cp_s_zi3 a{ font-size:1.2rem; color:#999}


@media (max-width : 768px) {
.center1 .cp_s .cp_s_zi1{ color:#555555; font-size:1.9rem; text-align:left;}
}

.center2 .cp_s{ margin-top:10px; margin-bottom:10px;}
.center2 .cp_s .cp_s_tu{ margin:0 10px;}
.center2 .cp_s .cp_s_zi1{ color:#555555; font-size:1.4rem; text-align:left; margin:0 10px; text-align:center; line-height:2; padding:10px 0;-moz-box-shadow:2px 2px 10px #C7C7C7; -webkit-box-shadow:2px 2px 10px #C7C7C7; box-shadow:2px 2px 10px #C7C7C7;border-radius:0px 0 10px 10px;}

a.cp_lj{ width:280px; height:50px; background:#262932; border-radius:25px; display:block; margin:15px auto 50px; text-align:center; line-height:50px; color:#FFF; font-size:1.6rem}


.anli{ background:url(../images/an_bj.jpg) no-repeat top center; background-size:cover; padding-bottom:40px;}
.anli .container{ padding-left:0; padding-right:0}
.anli .cpgd_bt{ padding:50px 0; text-align:center}
.anli .cpgd_bt .cpgd_bt1{ font-size:3rem; color:#ffffff; font-weight:bold;}
.anli .cpgd_bt .cpgd_bt1 span{ color:#ffbb05;}
.anli .cpgd_bt .cpgd_bt2{ font-size:2rem; color:#ffffff; padding:5px 0}
.anli .cpgd_bt .cpgd_bt2 .fa{ font-size:1.4rem; color:#999999; margin:0 5px}


.center3 .cp_s{ margin-top:5px; margin-bottom:5px;}
.center3 .cp_s .cp_ss{ width:95%; margin:0 auto}
.center3 .cp_s .cp_bj{ background:#000000; position:absolute; width:95%; height:100%;   left:0;right:0;top:0;bottom:0;    margin:auto;opacity:0; transition: all .4s }
.center3 .cp_s .cp_bj .cp_bj_1{ position:absolute; left:0;right:0;top:80px;bottom:0;margin:auto;transition: all .4s cubic-bezier(.4, 0, .2, 1);    opacity: 0;}
.center3 .cp_s .cp_bj .cp_bj_2{ position:absolute; left:0;right:0;top:160px;bottom:0;margin:auto;transition: all .4s cubic-bezier(.4, 0, .2, 1);    opacity: 0;}
.center3 .cp_s .cp_bj .cp_bj_2 a{ color:#FFF; font-size:1.8rem; font-weight:bold}
.center3 .cp_s .cp_bj .cp_bj_3{ position:absolute; left:0;right:0;top:250px;bottom:0;margin:auto;transition: all .4s cubic-bezier(.4, 0, .2, 1);    opacity: 0;}
.center3 .cp_s .cp_bj .cp_bj_3 a{ border:1px solid #ffffff; color:#FFF; padding:2px 13px; border-radius:9px;}

.center3 .cp_s .cp_bj:hover{ background:#edaf09;opacity:0.9; cursor:pointer}

.center3 .cp_s .cp_bj:hover .cp_bj_1{ position:absolute; left:0;right:0;top:50px;bottom:0;margin:auto;opacity: 1;}
.center3 .cp_s .cp_bj:hover .cp_bj_2{ position:absolute; left:0;right:0;top:110px;bottom:0;margin:auto;opacity: 1;}
.center3 .cp_s .cp_bj:hover .cp_bj_3{ position:absolute; left:0;right:0;top:150px;bottom:0;margin:auto;opacity: 1;}



.ys{ background:url(../images/ys_bj.jpg) no-repeat top center; background-size:cover; padding-bottom:40px;}
.ys .container{ padding-left:0; padding-right:0}
.ys .cpgd_bt{ padding:50px 0; text-align:center}
.ys .cpgd_bt .cpgd_bt1{ font-size:3rem; color:#555555; font-weight:bold;}
.ys .cpgd_bt .cpgd_bt1 span{ color:#ffffff;}
.ys .cpgd_bt .cpgd_bt2{ font-size:2rem; color:#ffffff; padding:5px 0}
.ys .cpgd_bt .cpgd_bt2 .fa{ font-size:1.4rem; color:#999999; margin:0 5px}

.ys .ys_z_1{ text-align:center}
.ys .ys_z_1 img{ max-width:100%; border-radius:50%;}

.ys .ys_z_2{ position:relative; overflow:hidden;}
.ys .ys_z_2 .ys_z_2_s{ position:relative; margin-top:12%;}
.ys .ys_z_2 .ys_z_2_x{ position:relative; margin-top:68%;}

.ys_z_2 .ys_z_2_s1{ text-align:right; color:#555555; font-size:2.5rem; font-weight:bold}
.ys_z_2 .ys_z_2_s1 span{ padding:0px 8px; background:#3f3f3f; margin-right:10px; color:#FFF }
.ys_z_2 .ys_z_2_s2{ line-height:1.8; font-size:1.4rem; color:#565656; text-align:right} 

.ys_z_2 .ys_z_2_s3{ text-align:left; color:#555555; font-size:2.5rem; font-weight:bold}
.ys_z_2 .ys_z_2_s3 span{ padding:0px 8px; background:#3f3f3f; margin-right:10px; color:#FFF }
.ys_z_2 .ys_z_2_s4{ line-height:1.8; font-size:1.4rem; color:#565656; text-align:left} 


@media (max-width : 768px) {
.ys .ys_z_2 .ys_z_2_s{ position:relative; margin-top:12%;}
.ys .ys_z_2 .ys_z_2_x{ position:relative; margin-top:12%;}

.ys_z_2 .ys_z_2_s1{ text-align:left;}
.ys_z_2 .ys_z_2_s2{  text-align:left} 
}


.news{ background:#f4f4f4; padding-bottom:50px;}
.news .container{ padding-left:0; padding-right:0}
.news .col-md-6{ padding-left:1px; padding-right:1px;}
.news .cpgd_bt{ padding:50px 0; text-align:center}
.news .cpgd_bt .cpgd_bt1{ font-size:3rem; color:#555555; font-weight:bold;}
.news .cpgd_bt .cpgd_bt1 span{ color:#ffbb05;}
.news .cpgd_bt .cpgd_bt2{ font-size:2rem; color:#555555; padding:5px 0}
.news .cpgd_bt .cpgd_bt2 .fa{ font-size:1.4rem; color:#999999; margin:0 5px}

.synews{ margin:0 auto; background:#FFF}
.synews_nr{ width:90%; margin:0 auto; padding:30px 0}
.synews_bt{ font-size:1.8rem; color:#202020; padding:2.5vh 0; background:#e7e6e5; text-align:center}
.synews_nr ul{ font-size:1rem !important;  list-style:disc;color:#323232}
.synews_nr ul li{ line-height:33px; font-size:1.4rem;}
.synews_nr ul li a{ color:#222222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left; width:70%}
.synews_time{ float:right; color:#222222}

.news_more{ text-align:right; padding:15px 0}
.news_more i{ font-size:3rem; color:#CCC; position:relative; top:6px;}



  .yqlj{ background:#FFF; margin:3vh auto}
 .f_left{position:relative; padding:2.5vh 0}
 .yqlj .f_left:after{content:'';position:absolute;right:-4px;top:29px;width:1px;height:40px;background:#dcdcdc;}
 .yqlj .f_left p{color:#a5a6aa; margin-bottom:0; text-align:left}
 .yqlj .f_left p span{font-size:16px;font-weight:bold;color:#000407;}
 .yqlj .f_left i{width:29px;height:3px;background:#f15604;border-left:1px solid #cf0920;display:block;margin-top:27px;}
 .yqlj .f_right{ padding:1.5vh 0}
 .yqlj .f_right a{display:inline-block;height:28px;line-height:28px;padding:0 15px;white-space:nowrap; color:#333}



.foot{ background:#262932; padding-bottom: 50px; padding-top:50px;}
.foot .container{ padding-left:0; padding-right:0}

.foot .lx_zi_3{ text-align:left; color:#FFF; margin-top:25px;}
.foot .lx_zi_3 ul li{ line-height:2.5; font-size:1.4rem; position:relative}
.foot .lx_zi_3 ul li .fa{ font-size:1.6rem; color:#fed408; margin-right:10px;}

.f1_bt{ font-size:1.8rem; color:#FFF; text-indent:0.4cm; padding-top:25px;}
.f1_nr{ line-height:2.3; font-size:1.2rem; margin-top:40px;}
.f1_nr a{ color:#cccccc;}



.syly{ margin-top:20px;}
.form-control{ border-radius:1px; height:35px; margin-top:14px; background:#f6f7f9}
.imgvc{ height:35px; margin-top:14px;border: 1px solid #ccc;padding: 6px 0px;}
.btn{ width:100%; height:40px;line-height:40px; border-radius:1px; margin-top:14px; background:#ffbb05; color:#FFF;cursor:pointer;padding:0 0;}

.footer_di{ background:#ffbb05; padding:15px 0; text-align:center; color:#222222}
.footer_di a{ color:#222222}