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

.header{ display:none !important;}
#banner{display:none !important;}
.m_foot{ display:none !important;}
.sjbdmap{ display:none !important;}
.m_chanpintj{ display:none !important;}
.m_foot{ display:none !important;}
.m_cptitle{ display:none !important;}
@media only screen and (max-width: 1000px){
.cytoplogo{ display:none !important;}
.header{ display:block !important;position:relative;height:65px;background:#FFF; }
.header .logo{display:block;width:50%;height:auto;padding:5px 0 0 10px;}
.header .logo img{display:block;width:100%; height:auto;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

.wolong{ display:none !important;}

#banner{display:block !important;}
#banner img{width:100%}
.myflexslider{ position: relative}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}
/* 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;}	
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; 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; background: #666; background: #fdaa00; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background:#483065; }
.flex-control-paging li a.flex-active { background: #000; background: #483065; 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幻灯片  样式结束*/		


.cyabout{ width:98%; margin:0 auto; margin-top:20px;}
.cyabout1{ width:100%;}
.cyh01{ width:100%; font-size:20px; color:#2c2d2d; font-weight:normal; text-align:center;}
.cyh02{ width:100%; color:#616161; font-size:15px; font-weight:normal; text-align:center;}
.cysp02-1{ width:85px; height:7px; background:#483065; float:none; margin:0 auto; margin-top:55px;}
.cyp01{ width:100%; line-height:40px; color:#4c4c4c; margin-top:32px; font-size:16px; text-align:justify;}

.cyul01{ width:100%; margin-top:20px;}
.cyul01 li{ width:25%; float:left; text-align:center; font-size:16px;}
.cyul01 li img{ margin-bottom:15px;}

.aboutmore{ width:188px; height:54px; line-height:54px; color:#FFF; border-radius:50px; background:#483065; text-align:center; font-size:17px; margin-top:30px;}
.aboutmore:hover{ background:#e87817; color:#FFF;}

.cyabout2{ width:40%; margin-left:5%;}
.cyabout2 img{ width:100%; float:left; height:auto; margin-top:7%;}
/******************************/


.cychanpin{ width:98%; margin:0 auto; font-size:20px; text-align:center; margin-top:20px;}
.cychanpin hr{ width:42px; margin:0 auto; height:4px; background:#373737; margin-top:12px;}
.cychanpin2{ width:98%; margin:0 auto; margin-top:15px; text-align:center; font-size:14px;}
#products{ display:none !important;}
.m_chanpintj{ display:block !important; width:98%; margin:0 auto; height:345px; overflow:hidden;}
.m_chanpintj ul{ width:100%; float:left; margin-top:10px;}
.m_chanpintj li{ width:47%; float:left; text-align:center; margin:1.5%;}
.m_chanpintj li a img{ width:99.5%; height:auto; border:1px solid #333333; margin-bottom:7px;}
/**/
/***
.cypinzhibg{ width:100%; margin:0 auto; margin-top:20px; background:none; height:687px; overflow:hidden; border-top:1px solid #CCC; border-bottom:none; }
.cypinzhinei{ width:98%; margin:0 auto; color:#FFF;}
.cysp01{ display:none !important;}
.cyul01{ width:100%; height:auto;}
.cyul01 li{ width:100%;height:207px; padding-top:20px; float:left;text-align:center; border-bottom:1px solid #CCC;border-right:none; margin:0;}
.cyul01 img{ margin-left:39%;}
.cypzdiv{ width:100%;}
.cypzdiv h1{ display:block; width:100%; float:left; color:#474747; font-size:20px; font-weight:normal; margin-top:20px;}
.cypzdiv h1 strong{ color:#543e6e; font-weight:normal;}
.cypzdiv h2{ display:block; width:100%; float:left; font-weight:normal; margin-top:12px; color:#888888; font-size:15px;}
*/



.cyabout{ width:98%; margin:0 auto; margin-top:20px;}
.cyabout1{ width:100%;}
.cyabout1 h1{ display:block; width:100%; text-align:center; float:left; font-size:20px; font-weight:normal;}
.cyabout1 hr{ width:43px; float:left; margin-left:45%; height:3px; background:#543e6e; margin-top:10px;}
.cyabout1 p{ width:100%; float:left; margin-top:20px; line-height:24px; color:#787878;}
.aboutmore{ width:105px; height:35px; margin-left:35%; line-height:35px; border:1px solid #543e6e; text-align:center; margin-top:20px; color:#543e6e;} 
.aboutmore:hover{ background:#543e6e; color:#FFF;}

.cyabout2{ width:100%; margin-left:0; margin-top:15px;}
.cyabout2 img{ width:100%; float:left; height:auto; margin-top:7%;}
/******************************/



.cychanpin{ width:98%; margin:0 auto; margin-top:20px; text-align:center; line-height:35px; font-size:15px; color:#616161;}
.cychanpin strong{ font-size:20px; font-weight:normal; color:#2c2d2d;}

.cychanpin1{ width:98%; margin:0 auto;}
.cychanpin1 ul{ width:100%; float:left;}
.cychanpin1 li{ width:42%; float:left; margin:1.5%; background:url(../images/cpbg2.jpg) no-repeat; padding:5% 2.5%;}
.cychanpin1 li a h1{ color:#3f3e40; margin-bottom:15px; font-size:16px; font-weight:normal;}
.cychanpin1 li a hr{ display:block; width:100%; border:none; height:1px; background:#3f3e40;}
.cychanpin1 li a span{ width:100%; color:#483065; margin-top:15px; display:block; float:left;}
.cychanpin1 li:hover{ background:url(../images/cpbg.jpg) no-repeat;}
.cychanpin1 li:hover a h1{ color:#FFF;}
.cychanpin1 li:hover a span{ color:#FFF;}
.cychanpin1 li:hover a hr{ background:#FFF;}
/**********************************/

.m_none{ display:none !important;}
.dhyoushiwrap{ display:none !important;}
/***********/


.cyfuwu{ color:#2c2d2d; width:98%; margin:0 auto; margin-top:20px; text-align:center; font-size:20px;}
.cyfuwu2{ width:100%; margin:0 auto; background:#f1f4f9; background-size:100%; margin-top:30px; padding:10% 0;}
.cyfuwu2-1{ width:96%; margin-left:2%;}
.cyfuwu2-1 h1{ display:block; width:100%; font-weight:normal; color:#000000; font-size:20px;}	
.cyfuwu2-1 h2{ display:block; width:100%; font-weight:normal; color:#000; font-size:22px; margin-top:20px;}
.cyfuwu2-1 p{ width:100%; line-height:32px; margin-top:25px; font-size:15px; color:#717171;}
.cyfuwu2-1 a{ color:#483065; display:block; float:left; margin-top:20px; font-size:17px;}
.cyfuwu2-1 a:hover{ color:#e87817; font-weight:bold;}
/****************************/


.cyxinwen{ width:98%; margin:0 auto; margin-top:20px; }
.cyxinwen1{ display:none !important;}

.cyxinwen2{ width:100%;}
.cyxinwen2 ul{ width:100%; float:left;}
.cyxinwen2 li{ width:90%; margin:15px 0px 40px 0; line-height:20px; background:url(../images/xinlibg.png) no-repeat 0px 3px; padding-left:10%;}
/*************************************/

.cylxwm{ width:98%; margin:0 auto; margin-top:20px;} 
.cylxkuan{ width:100%;}
.cylxwm1{ text-align:center; font-size:14px; line-height:30px;}
.cylxwm1 img{ margin-bottom:20px;}
.cylxwm1 strong{ font-size:20px;}


.cylxkuan2{ width:100%;}

.cylxkuan3{ width:100%;}

.cylxwm4{ width:100%; margin-top:20px; text-align:center;}
.cylxmm{ margin-left:0%;}
/****/

.cyfoot{ display:none !important;}
.cyfoot3{ display:none !important;}
.m_foot{ display:block !important; width:96%; margin:0 auto; padding:20px 2%; background:#7e7e7e; color:#FFF; line-height:26px; text-align:center;}
.m_foot img{ width:40%; height:auto; margin:12px 0;}
.m_foot a{ color:#FFF;}
.m_foot a:hover{ color:#FFF; text-decoration:underline;}

.sjbdmap{ display:block !important; margin-top:80px;}
.sjfoot{
	width:100%;
	padding:5px 0px 5px 0px;
	background:#f8f8f8;
	position:fixed;
	height:63px;
	bottom: 0;
	left: 0;
	z-index:100000;
	border-bottom:1px solid #e6e4e4;
	border-top:1px solid #e6e4e4;
	}	
	
.sjfoot ul{
	width:100%;
	float:left;
	}
.sjfoot li{
	float:left;
	width:24.5%;
	height:63px;
	line-height:93px;
	border-right:1px solid #e6e4e4;
	text-align:center;
	overflow:hidden;
	}
.sjfoot a li{
	color:#6d6b6b;
}	
	
.hm1{
	background:url(../images/home.png) no-repeat center top;}	
	
.hm2{
	background:url(../images/phone.png) no-repeat center top;}	
.hm3{
	background:url(../images/contact.png) no-repeat center top;}	
#hm4{
	background:url(../images/map.png) no-repeat center top;	border-right:none;}		

/****************/

.slideshowba{
    height: 90px;
}


.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; float:left;}
.dc_pages1 a{ display:block; width:17%; float:left; height:37px; border:1px solid #999; margin:0px 1% 0px 1%; line-height:37px; text-align:center;}
/*************************/
.yb_conct{ display:none !important;}


.cyneihome{ width:98%; margin:0 auto; margin-top:20px;}
.cysp02{ width:100%; background:url(../images/icon_home.png) no-repeat left; padding-left:18px; color:#666; font-size:14px;}
.cysp02 img{ margin:0 12px;}

.cyneilist{ width:100%; text-align:left; margin-top:20px;}
.cyneilist a{ padding:0; display:block; width:29%; float:left; text-align:center; border:1px solid #CCC; line-height:42px; margin:1.5%; border-radius:10px;}
.cyneilist a:hover{background:#543e6e; color:#FFF; }
.cyneilist a#curnei{background:#543e6e; color:#FFF; }
/**/

.cyneiabout{ width:100%; margin:0 auto; margin-top:20px; background:#f4f5f7;}
.cyneiabouttitle{ width:100%; margin:0 auto; padding-top:20px; text-align:center; font-size:17px;}
.cyneiabout1{ width:98%; margin:0 auto; padding:20px 0; line-height:26px;}
.cyneiabout1 img{ width:100%; height:auto; margin-top:20px;}
/****************/

.dhcpliebiao{ width:100%;}
.dhcpliebiao li{ width:47%; float:left; margin:1.5%; text-align:center;}
.dhcppic{ display:block; width:99.8%; height:auto; border:1px solid #333333; margin-bottom:10px;}

/**/
.dhxinwenzx{ width:100%;}
.dhxinwenzx li{ width:100%; float:left; margin:15px 0;}
.dhxwsp02{ width:20%; line-height:27px; text-align:center; padding:25px 0; background:#543e6e; color:#FFF;}
.dhxwsp02 strong{ font-size:17px;}
.dhxwdiv{ width:77%; margin-left:3%;}
.dhxwdiv a{ line-height:25px;}
.dhzxmore{ width:100%; color:#999;}
.dhzxmore strong{ font-size:15px; color:#333333;}
.dhxinwenzx li:hover .dhzxmore{ color:#543e6e;}
.dhxinwenzx li:hover .dhzxmore strong{ color:#543e6e;}
/********************************/

.dhneiyeright-2-1{ width:100%;}
.dhlxh1{ width:100%; font-size:17px; color:#543e6e;}
.dhlxh2{ width:100%; font-weight:normal; font-size:14px; color:#999; margin-top:15px; line-height:23px;}
.dhlxp1{ width:100%; margin-top:50px; line-height:26px;}
.dhlxp1 strong{ font-size:20px;}
.dhlxp1 img{ margin-top:20px; border:1px solid #333333; width:35%; height:auto;}
/***/
.dhneiyeright-2-2{ width:100%; margin-left:0%; margin-top:25px;}
.mainW{ width:100%; float:left;}
.message{height:400px;}
.message .box{width:100%;}
.message .box li{line-height:47px;margin-bottom:15px}
.message .box li .input-text{height:42px;line-height:42px; margin-right:30px;border:1px solid #ccc;width:90%;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;outline:none;}
.message .box li strong{ color:#F00;}
.neirongput{height:145px;line-height:26px;border:1px solid #ccc;width:90%;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; font-size:14px; outline:none;}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.neirongput{height:150px;line-height:24px;padding:10px;resize:none}
.message .box li.btn{float:left; margin-left:45px;}
.message .box li .button{cursor:pointer;width:115px;border:none;height:32px;background-color:#543e6e;border-radius:4px;color:#fff;font-size:16px}
	

}