*{padding:0px; margin:0px }
body{color:#757575; padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto; 
font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;font-size:16px; max-width:640px;}
img{max-width:100%;border:0;}
ul, li{list-style:none}
a{ color:#757575;text-decoration:none;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
.mt76{ padding-top:76px;}
.mt30{ padding-top:30px;}
.mt20{ width:100%; height:20px; background:#fff; overflow:hidden;}
.mb50{ margin-bottom:40px;}
header{ margin:0 auto; width:100%; height:76px; background:#fff; position:fixed;z-index:10;width:100%;-moz-box-shadow:0px 2px 5px #ccc; -webkit-box-shadow:0px 2px 5px #ccc; box-shadow:0px 2px 5px #ccc;}


/*--导航----------*/
.sp_header{ width:100%;height:76px;overflow:hidden; position:relative;}
.sp_logo{padding:10px;float:left;height:56px}
.sp_logo img{margin:auto;max-height:56px;}
.sp_search{ position:absolute; top:20px; right:60px;}
.sp_nav{ float:right;width:50px;position:relative;cursor:pointer;height:30px;margin-top:23px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:76px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
@media screen and (min-width: 1200px) {
   .sp_header{ width:640px;height:76px;overflow:hidden;}
}

/*===FlexSlider幻灯片  开始===*/
#banner { padding-top:76px; border-bottom:5px solid #036fd5;}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:0px;  margin:5px 0; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block;  width:12px; height:12px; border-radius:50%; background:#F90;
cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow:0 0 6px #000; -moz-box-shadow:0 0 6px #000; -o-box-shadow:0 0 6px #000; box-shadow: 0 0 6px #000; }
.flex-control-paging li a:hover { background: #005dbc; }
.flex-control-paging li a.flex-active { background: #FFF; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/


.wapper{ margin:0 auto; width:100%; background:#ebebeb; overflow:hidden;}
.index_nav{ width:100%; padding:20px 0; background:#fff; overflow:hidden;}
.index_nav li{ float:left; width:25%; text-align:center;}
.index_nav li:last-child{ border-right:0;}
.index_nav .pic{ margin:10px auto; width:60px; height:60px; border-radius:60px; background:#036fd5; overflow:hidden;}
.index_nav .pic img{ width:30px; margin-top:15px;}
.index_nav a{ display:block; font-size:14px;}

.index_ddcx{ margin:20px auto; width:90%; overflow:hidden;}
.index_ddcx input{ float:left; border:none;}
.index_ddcx .text{ width:80%; height:40px; line-height:40px; background:#fff; text-indent:20px;}
.index_ddcx .submit{ width:20%; height:40px; line-height:40px;background:#036fd5; color:#fff; text-align:center; cursor:pointer;}

.index_title{ width:100%; height:40px; line-height:40px; line-height:40px; font-size:22px; color:#333; text-indent:20px; overflow:hidden;}
.index_title a{ display:block; float:right; padding-right:20px;}
.index_title img{ vertical-align:middle;}

.index_zycp{ width:100%; padding:20px 0; margin-bottom:20px; background:#fff; -moz-box-shadow:0px 2px 5px #ccc; -webkit-box-shadow:0px 2px 5px #ccc; box-shadow:0px 2px 5px #ccc;overflow:hidden;}
.index_zycp ul{ margin-top:20px;overflow-x: auto; list-style: none;white-space:nowrap;width: auto;text-align: center;padding-bottom:1em;}
.index_zycp ul li{white-space: nowrap; display: inline-block; background:#f7f7f7;}
.index_zycp ul li a{ display: block;font-size: 16px;line-height: 50px;text-align: center;padding: 0 20px; color: #000000;transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;position: relative; font-weight: 400;border:1px solid #ddd;}
.index_zycp ul li img{ width:180px;}

.index_zycp ::-webkit-scrollbar {  height:5px;background:#F5F5F5;}
.index_zycp ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background:#F5F5F5; border-radius:3px;}
.index_zycp ::-webkit-scrollbar-thumb{border-radius: 7px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color:#036fd5;}

.index_cptj{ width:100%; padding:20px 0; margin-bottom:20px; background:#fff; -moz-box-shadow:0px 2px 5px #ccc; -webkit-box-shadow:0px 2px 5px #ccc; box-shadow:0px 2px 5px #ccc;overflow:hidden;}
.slideGroup { width:100%; padding:20px 0; background:url(../images/bg1.jpg) no-repeat 0 0;}
.slideGroup .slideBox {margin:10px; background:#036fd5;position: relative;}
.slideGroup .sPrev,.slideGroup .sNext {position: absolute;left: 10px;top: 45%;display: block;width: 24px;height:24px;background: url(../images/icoLeft.png) center center no-repeat;z-index:1111;}
.slideGroup .sNext {left: auto;right: 10px;background: url(../images/icoRight.png) center center no-repeat;}

.slideGroup .parBd ul {overflow: hidden;}
.slideGroup .parBd ul li {float: left;width:100%;}
.slideGroup .parBd ul li .pic {text-align: center; margin:20px auto auto;width:120px; height:120px; border-radius:120px; overflow:hidden;}
.slideGroup .parBd ul li .pic img {width:100%; height:100%;object-fit: cover;}
.slideGroup .parBd ul li .description { padding:20px 40px; color:#fff; text-align:center;}
.slideGroup .parBd ul li .description h4{color: #cca552;height: 50px;line-height: 25px;}
.slideGroup .parBd ul li .description p{ font-size:12px; line-height:25px;}


.index_cp{ width:100%; padding-bottom:20px; overflow:hidden;}
.index_cp li{ float:left; width:47%; margin-left:2%; margin-top:10px;}
.index_cp li .pic{ width:100%; height:215px; border:1px solid #ddd; background:#fff; overflow:hidden; }
.index_cp li .pic img{ width:100%; height:100%; object-fit: contain;}
.index_cp li p{ width:100%; height:50px; line-height:50px;font-size:14px; text-align:center; background:#fff;}
@media screen and (max-width: 640px) {
   .index_cp li .pic{ width:100%; height:165px; overflow:hidden;}
}

.index_news{ width:100%; padding:20px 0; background:#fff; overflow:hidden;}
.index_news .n_tj{ width:100%;border-bottom:1px solid #dfdfdf;overflow:hidden;}
.index_news .n_tj .pic{padding:0 20px;}
.index_news .n_tj .pic img{ width:100%;}
.index_news .n_tj .text{padding:10px 20px; position:relative;}
.index_news .n_tj .text h3{ height:30px; line-height:30px;font-size:16px;}
.index_news .n_tj .text p{ width:80%;font-size:14px;}
.index_news .n_tj .text span{font-size:12px;color:#999;}
.index_news .n_tj .text i{ position:absolute; top:25px; right:20px; display:block; width:10px; height:16px; background:url(../images/img13.png) no-repeat right center;}
.index_news .nlist{ width:100%; margin-top:10px; overflow:hidden;}
.index_news .nlist li{ height:50px; line-height:50px; text-indent:20px; border-bottom:1px solid #dfdfdf; position:relative;}
.index_news .nlist li i{ position:absolute; top:17px; right:20px; display:block; width:10px; height:16px; background:url(../images/img13.png) no-repeat right center;}


footer{ margin:0 auto; width:100%; background:#ececec; overflow:hidden;z-index:-1;}
footer .footer_nav{ padding:40px; overflow:hidden;}
footer .footer_nav li{ float:left; width:33.333%; text-align:center;}
footer .footer_nav li p{ padding-top:10px; color:#000; }
.copy{ height:60px; line-height:60px; text-align:center; background:#1b1b1d; font-size:12px;}
@media screen and (max-width: 640px) {
   footer .footer_nav li img{ width:60px;}
}

.info{ padding:25px; background:#fff; overflow:hidden;}
.info .a_title{ padding:10px 0; text-align:center; font-size:18px; color:#333;}
.info .a_title span{ display:block; font-size:12px;}
.info .news_text{ line-height:25px;}

.fenye{ padding:20px 0; overflow:hidden;}
.fenye p{ line-height:25px;}
.fenye p a{ line-height:25px; color:#00996d;}
.fenye .back{ display:block; margin-top:10px; width:100px; height:30px; line-height:30px; text-align:center; border:1px solid #ddd;}



.p_pic{ width:100%; text-align:center; background:#fff; overflow:hidden;}
.p_pic img{ width:100%; border-bottom:3px solid #036fd5;}
.p_pic p{ padding-top:10px; color:#202020; font-size:18px;}
.p_desc{ padding:20px; font-size:14px; line-height:25px; background:#fff;}

/**tabs**/
.tabPanel{ width:100%; background:#fff; overflow:hidden;}
.tabPanel ul{height:50px; line-height:50px;border-top:1px solid #ccc;border-bottom:1px solid #aaa;}
.tabPanel ul li{
	float:left;
	background:#fefefe;
	background:-moz-linear-gradient(top, #fefefe, #ededed);	
	background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));
	background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));
	border-right:1px solid #ccc;
	width:50%;
	text-align:center;
	font-size:16px;
	margin-left:-1px;
	position:relative;
	cursor:pointer;
}
.tabPanel ul li:last-child{ border-right:none;}
.tabPanel .hit{color:#fff;background:#036fd5;}
.pane{ padding:10px 0;min-height:100px; line-height:30px; font-size:14px;background-color:#fff;display:none;}
.pane img{ max-width:100%;}

.con{ width:100%; padding-bottom:20px; position:relative; }
.con .con_title{ width:80%; padding-left:20px; color:#666; font-size:16px;}
.con .con_title a{color:#333; }
.con button{ position:absolute; right:0; top:0; background:none; border:none; padding-right:20px; font-size:16px; color:#036fd5; font-weight:bold; }
.con .class{ position:absolute; right:0; top:0; padding-right:10px;font-size:16px; color:#036fd5; font-weight:bold; }
.class_list{position: absolute;width:50%;background:#036fd5;top:40px;right:0;height:auto;display:none; z-index:999999999999;}
.class_list li{width:100%;height:auto;overflow:hidden;text-indent:7.36%;}
.class_list li a{color:#fff;border-bottom:1px solid #4f9ae2;display:block;font:2.2rem/4.5rem "microsoft yahei";color:#fff;position: relative}
.class_list li dl{border-bottom:1px solid #4f9ae2;}
.class_list li dd a{border-bottom:0}
.class_list li a span{position: absolute;right:7.36%;top:0;color:#4f9ae2;}

.s_title{ padding:10px 0; text-align:center; color:#F60; font-size:18px; z-index:9999; }

.search{ margin:0 auto; width:98%; overflow:hidden;}
.search .text{ float:left; width:61%; }
.search .text input{ width:100%; height:36px; line-height:36px; border:2px solid #F60; border-radius:10px; text-indent:5px; font-size:16px;}
.search .btn{ float:right; width:37%; height:36px; background:url(../images/img16.png) no-repeat 0 center;}
.search .btn input{ border:none; background:none;}
.s_des{ padding-top:10px; font-size:16px; color:#333; line-height:30px;}

.message{ margin:0 auto; width:90%; overflow:hidden;}
.message .text{ display:block; margin-bottom:10px; width:99%; height:40px; line-height:40px; text-indent:10px; border:1px solid #dbdad6; border-radius:5px;}
.message textarea{ display:block; width:99%; line-height:30px; border:1px solid #dbdad6;border-radius:5px; text-indent:10px;}
.message .btn{ margin-top:10px; width:99%; height:40px; line-height:40px; text-align:center; cursor:pointer;}

.p_all{ width:100%; overflow:hidden;}
.p_all li{ margin-bottom:10px; position:relative;}
.p_all li .pic{ width:100%; height:350px; overflow:hidden;}
.p_all li .pic img{ width:100%; height:100%; object-fit: cover;}
.p_all li p{ position:absolute; right:20px; bottom:20px; width:120px; height:40px; line-height:40px;background:#036fd5; color:#fff; border-radius:5px; text-align:center; }
@media screen and (max-width: 640px) {
   .p_all li .pic{ height:250px;}
}

.p_nav{ padding:10px 20px 0 20px; overflow:hidden;}
.p_nav li{ float:left; margin-bottom:10px; width:49%; height:35px; line-height:35px; text-align:center; border:1px solid #036fd5;}
.p_nav li a{ color:##036fd5; font-size:16px;}
.p_nav li.on{ background:#036fd5;}
.p_nav li.on a{color:#fff;}

.fenye{ PADDING-BOTTOM: 25px; WIDTH:100%; PADDING-TOP:30px; TEXT-ALIGN: center; background:#fff;}
.fenye a,.fenye span{BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}

.bottom{ position: fixed; bottom:0; left:0; margin:0 auto; width:100%; height:40px; background:#f5f5f5; border-top:1px solid #ddd; z-index: 9999;}
.bottom li{ float:left; width:33.333%; line-height:40px; text-align:center; border-right:1px solid #ddd; margin-left:-1px; }
.bottom li:last-child{ border-right:0;}
.bottom li img{ vertical-align:middle; width:40px; height:40px;}

.product_gg{ padding:10px;}
.product_gg dd{ height:35px; line-height:35px; border-bottom:1px solid #ddd;}
.product_gg dd span{ display:block; float:left; width:20%; text-align:right; }
.product_gg dd b{ display:block; float:left; width:80%; text-indent:20px;  }

.csae_nav{ width:100%; height:50px; }
.csae_nav h4{ float:left; line-height:50px; padding-left:10px;}

.about_search{ padding:20px; background:#fff; border-bottom:1px solid #ddd; overflow:hidden;}
.about_search input{ border:none; background:none;outline:none; }
.about_search .text{ float:left;width:60%; height:30px; line-height:30px; text-indent:10px; border:1px solid #ddd; border-right:none;}
.about_search .submit{ float:left;width:60px; height:32px; background:#036fd5;color:#fff;cursor:pointer; }
.about_search a{ display:block; float:left; padding:5px 10px 0 0;}

.about_cp{ margin-top:10px; width:100%; height:40px; line-height:40px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; background:#fff;}
.about_cp a{ color:#333; padding-left:20px;}
.about_cp img{ float:right; padding:10px 20px 0 0;}

.news_title{margin-bottom:10px; padding-bottom:10px; line-height:25px; text-align:center;border-bottom:1px solid #ddd;}

#product_tab{ width:100%;height:255px;background:#fff;position:relative;}
#product_tab .tabList{ width:30%;}
#product_tab .tabList ul li{
	background:#f7f7f7;
	border-bottom:1px solid #ddd;
        height:50px; line-height:50px;
	text-align:center;
	position:relative;
	cursor:pointer;
}
#product_tab .tabCon{
	position:absolute;
	left:30%;
	top:0;
	width:70%;	
}
#product_tab .tabCon div{
	padding:10px;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}
#product_tab .tabList li.cur{
	border-left:3px solid #036fd5;
	background:#fff;
}
#product_tab .tabCon div.cur{
	opacity:1;
	filter:alpha(opacity=100);
}
#product_tab .tabCon div dl{width:100%;}
#product_tab .tabCon div dl dd{padding:5px 10px;margin-bottom:5px;border:1px solid #ddd;}

.message{ width:100%;background:#fff;overflow:hidden;}
.message dl.text{ margin:0 auto; width:90%; margin-bottom:10px; overflow:hidden; }
.message dl.text input{ width:90%; height:40px; line-height:40px; text-indent:20px; }
.message dl .tips{ color:#F00; }
.message dl.nr{ margin:0 auto; width:90%; overflow:hidden; }
.message dl.nr textarea{ height:90px; line-height:30px;}
.message dl .submit{ margin:10px 5%; width:90%; height:40px; line-height:40px;border-radius:5px;border:none;background:#036fd5; color:#fff; font-size:16px; cursor:pointer;}

.lylb{ width:100%;background:#fff;border:1px solid #ddd; overflow:hidden;}
.lylb h3{ padding-left:15px; height:50px; line-height:50px; background:#f6f6f6;}
.lylist{ padding:15px; border-top:1px solid #ddd; overflow:hidden; }
.lylist .t1{ height:30px; line-height:30px; color:#666; border-bottom:1px dashed #ddd; position:relative;}
.lylist .t1 span{ position:absolute; top:0; right:0; font-size:12px;}
.lylist .wt{ padding-top:10px; line-height:25px; color:#666;}
.lylist .hf{ margin-top:10px; padding:10px; line-height:25px; color:#036fd5; background:#f6f6f6; }
.info_search{ background:#fff; overflow:hidden;}
.order_search{ margin:10px auto; width:90%; overflow:hidden;}
.order_search input{ float:left; border:none;}
.order_search .text{ width:70%; height:50px; line-height:50px; background:#f7f7f7; text-indent:20px;}
.order_search .submit{ width:30%; height:50px; line-height:50px;background:#036fd5; color:#fff; text-align:center; cursor:pointer;}
.cxjg{ margin:20px auto; width:90%; overflow:hidden;}
.cxjg h2{ width:100%; padding-bottom:10px; font-size:18px; color:#036fd5; border-bottom:1px solid #ddd; }
.order_text{ padding-top:10px; line-height:30px;}