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


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#333333;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#333333; }
a:hover{ color:#e71f19;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}
.yftop{ width:100%; margin:0 auto; background:#000; height:36px; overflow:hidden;}	
.yftop2{ width:1200px; margin:0 auto; line-height:36px; color:#FFF;}

.waiyu{ width:106px; height:23px; background:#e71f19; color:#FFF; border-radius:20px; line-height:23px; margin-top:6.5px;}
.waiyu a{ color:#FFF;}	
.waiyu:hover{ background:#ee7300;}
.waiyu img{ width:20px; height:20px; margin-left:15px; float:left; margin-right:5px;}

.cxtoplogo{ width:1200px; margin:0 auto; height:125px;}
.cxsp01{ width:225px; margin-top:35px;}
.cxsp01 strong{ font-size:28px; font-family:Impact;}


.barwrap{ width:100%;background:url(../images/navbg.png) no-repeat; position:fixed; left:0; right:0; margin-left:auto;margin-right:auto;z-index:10000; height:55px;}
.topdh{ width:1200px; margin:0 auto;}

#nav {
	height:55px;
	width:1200px;
	float:left;
}
#nav li {
 float: left; width:150px;
}
#nav li a {
	display: block;
	width:100%;
	text-align:center;
	color:#FFF;
	line-height:55px;
}

#nav li a:hover{
	background:#e71f19;
	text-decoration:none;
	color:#FFF;
}
#nav li a#cur01{
	background:#e71f19;
	text-decoration:none;
	color:#FFF;
}

#nav li ul {
	line-height:45px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 150px;
	position: absolute;
	border-top-style: none;
	overflow:hidden;
	z-index:100000000;
}

#nav li ul li{
	float: left;
	width: 150px;
	background: #e71f19;filter: Alpha(Opacity=90);
	border-top: none #6b8549;
	border-right: none #6b8549;
	border-bottom: none #6b8549;
	border-left: none #6b8549;
}
#nav li ul li a{
 display: block;
 width:150px;
 text-align:center;
 font-weight:normal;
 font-size:14px;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#666;text-decoration:none;font-weight:normal;
 background:#FFF;filter: Alpha(Opacity=70);
 font-size:14px;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}	

.barwrap.on{ animation-name: down; animation-duration: 1s;background:url(../images/navbg.png) no-repeat; top:0;border-bottom: none;}
.barwrap.on li a:hover{ color:#3388ca;}		
/*banner滚动*/
.banner { position:relative; overflow:hidden; width: 100%;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear;
 -webkit-transition:opacity 1000ms linear; float:left; position: relative;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:50px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:15px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:10px; height:20px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#cd291e;}
.banner .txt{ position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
-moz-transform: translate(-50%,-50%);  width: 1200px;}
.banner .txt img{ display: block; max-width: 100%;} 
/***************end*************/
.cxprowrap{ width:100%; background:#f7f8fa; margin:0 auto; padding:50px 0;}
.cxprolist{ width:1200px; margin:0 auto;}
.cxprolist1{ width:175px; font-size:14px; text-transform:uppercase; line-height:35px; }
.cxprolist1 strong{ font-size:28px;}
.cxprolist1 hr{ width:45px; height:5px; border:none; background:#e71f19; float:left; margin-top:20px;}

.cxprolist2{ width:975px; margin-left:50px;}
.cxprolist2 ul{ width:975px; float:left; margin-top:20px;}
.cxprolist2 li{ width:162px; float:right; background:url(../images/yuan2.png) no-repeat; line-height:50px; text-align:center; margin-bottom:15px;}
.cxprolist2 li:hover{ background:url(../images/yuan1.png) no-repeat;}
/******/
.cxprotj{ width:1200px; margin:0 auto; margin-top:30px;}
.cxprotj1{ width:225px; font-size:14px; text-transform:uppercase; margin-top:50px; line-height:35px;}
.cxprotj1 strong{ font-size:28px;}
.cxprotj1 hr{ width:45px; height:5px; border:none; background:#333333; float:right; margin-top:15px;}
.cpmore{ width:115px; height:40px; line-height:40px; text-align:center; background:#e71f19; color:#FFF; margin-top:20px;}
.cpmore:hover{ background:#a90d08; color:#FFF;}

.cxprotj2{ width:955px; margin-left:20px;}
.cxprotj2 ul{ width:100%; float:left;}
.cxprotj2 li{ width:30.3333%; float:left; margin:1.5%;}
.cxprotj2 li a img{ margin-bottom:5px;}
/*************/


.cxabout{ width:100%; background:url(../images/cmpbg.jpg) no-repeat top center; background-size:cover; height:765px; overflow:hidden;}

.cxabout1{ width:1200px; margin:0 auto; margin-top:150px;}
.cxabout1-1{ width:550px; background:#FFF; padding:25px 15px; overflow:hidden;}
.cxabout1-1 h1{ display:block; width:100%; float:left; font-size:37px; text-transform:uppercase;}
.cxabout1-1 h2{ display:block; width:100%; float:left; background:url(../images/aboutanniu.gif) no-repeat 0 5px; font-size:25px; margin-top:10px; text-indent:30px;}

.cxabout1-2{ width:100%;}
.cxabout1-2-1{ width:30%;}
.cxabout1-2-1 ul{ width:100%; float:left; margin-top:30px;}
.cxabout1-2-1 li{ width:100%; float:left; height:36px; margin:6px 0;}
.cxabout1-2-1 li a{ display:block; width:100%; float:left; height:36px; line-height:36px; color:#FFF; text-align:center;}
#jsli1{ background:url(../images/js01.png) no-repeat 15px 5px #e71f19;}
#jsli2{ background:url(../images/js02.png) no-repeat 15px 5px #333333;}
#jsli3{ background:url(../images/js03.png) no-repeat 15px 5px #acacac;}
#jsli4{ background:url(../images/js04.png) no-repeat 15px 5px #e71f19;}
.jsmore{ width:100%; margin-top:15px;}

.cxabout1-2-2{ width:65%; margin-left:5%; line-height:26px; text-align:justify;}

.cxabout2{width:595px; margin-left:25px; overflow:hidden;}
/**/

/*优势css */
.cxys{ width:1200px; margin:0 auto; margin-top:30px;}
.cxys img{ display:block; margin:0 auto;}
.slideGroup {
	margin:0 auto;
	width: 1200px;
	height: 420px;
	margin-top:30px;
}

.slideGroup .parHd {
	position: relative;
	height: 100px;
	line-height: 100px;
	padding: 0 20px;
}

.slideGroup .parHd ul {
	display:table; margin:0 auto;
}

.slideGroup .parHd ul li {
	float: left;
	padding: 0 15px;
	cursor: pointer;
}

.slideGroup .parHd ul li.on {
	height: 30px;
	background: #fff;
	color:#e71f19;
}

.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
	padding: 10px 0 10px 60px;
	position: relative;
}

.slideGroup .sPrev,
.slideGroup .sNext {
	position: absolute;
	left: 5px;
	top: 10px;
	display: block;
	width: 54px;
	height: 385px;
	background: url(../images/icoLeft.png) center center no-repeat;
}

.slideGroup .sNext {
	left: auto;
	right: 5px;
	background: url(../images/icoRight.png) center center no-repeat;
}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}

.slideGroup .parBd ul li {
	margin: 0 8px;
	float: left;
	width: 12000px;
	position: relative;
}

.slideGroup .parBd ul li .pic {
	text-align: center;
}

.slideGroup .parBd ul li .pic img {
	width: 650px;
	height:396px;
	display: block;
	padding: 2px;
}


.slideGroup .parBd ul li .description {
	position: absolute;
	width:480px;
	height:245px;
	background: #FFF;
	padding: 20px 10px 10px 20px;
	box-shadow: 10px 30px 30px #ebebeb;
	top:60px;
	left: 520px;
	color:#fff
}
.slideGroup .parBd ul li .description h4{
	color: #333333;
	height: 40px;
	line-height: 40px;
	font-size:24px;
	margin-bottom:20px;
	margin-top:30px;
}
.slideGroup .parBd ul li .description h4 hr{ width:40px; height:2px; background:#3333; border:none; float:left; margin-top:15px;}

.slideGroup .parBd ul li .description p{ width:80%; float:left; color:#666666; margin:5px 0; background:url(../images/pbg.gif) no-repeat 0px 2px; padding-left:25px;
	}

.slideGroup .parBd ul li .description a{
	color: #fff;
	float: right;
	margin-top: 10px;
	background: #7c0002;
	border-radius: 5px;
	padding: 3px 10px;
}
/***********************/

.cxxinwen{ width:1200px; margin:0 auto; margin-top:30px;}
.cxxwul01{ width:955px; margin-left:20px;}
.cxxwul01 li{ width:30.3333%; float:left; margin:1.5%;}
.cxxwul01 li a img{ width:100%; height:auto; float:left;}
.cxxwul01 li a span{ display:block; width:100%; float:left; font-size:14px; margin-top:10px; color:#999;}
.cxxwul01 li a h1{ display:block; width:100%; margin-top:12px; float:left; font-size:15px;}
.cxxwul01 li a h2{ display:block; width:100%; float:left; font-size:14px; font-weight:normal; margin-top:10px; line-height:24px;}
/***********/

.cxfoot{ width:100%; margin:0 auto; margin-top:25px; background:url(../images/footbg.jpg) no-repeat top center; padding:55px 0;}
.cxfoot1{ width:1200px; margin:0 auto;} 

.cxfoot1-1{ width:600px;}
.cxp1{ width:100%; line-height:24px; margin-top:12px; color:#FFFF;}
.cxp1 a{ color:#FFF;}
.cxp1 a:hover{ color:#FFF; text-decoration:underline;}
.cxh1{ width:100%; font-size:24px; color:#FFF; font-weight:normal; margin-top:25px;}
.cxul01{ width:100%; margin-top:25px; }
.cxul01 li{ width:50%; float:left; margin:15px 0; border-bottom:1px solid #FFF; color:#FFFF; padding-bottom:10px;}

.cxfoot1-2{ width:522px; height:469px; background:#FFF; border-radius:20px; margin-left:78px;}
.cxfoot1-2 h1{ width:100%; float:left; font-size:30px; text-align:center; margin-top:40px;}
.cxfoot1-2 h2{ width:100%; float:left; font-size:15px; font-weight:normal; text-align:center; margin-top:12px;}

.cxfoot1-3{ width:100%;}
.cxfoot1-3 ul{ width:100%; float:left; margin-top:30px;}
#li01{ width:45%; float:left; float:left; height:40px; line-height:40px; margin:0 2.5%; background:#f5f5f5;}
#li01 input{ width:100%; border:none; height:40px; background:#f5f5f5; text-indent:12px;}
#li02{ width:100%; float:left;}
#li02 textarea{ width:95%; border:none; background:#f5f5f5; height:150px; text-indent:12px; padding-top:15px; margin-left:2.5%; margin-top:20px;}
#li03{ width:100%; float:left;}
#li03 input{ width:90px; height:38px; background:#e71f19; text-align:center; color:#FFF; border:none; margin-left:2.5%; margin-top:20px;}

.neiba {
    overflow: hidden;
    width: 100%;
}
.slideshowba{
    height: 300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.cxneiye{ width:1200px; margin:0 auto; margin-top:25px;}
.cxleft{ width:245px;}
.cxleft span{ display:block; width:100%;float:left; height:45px; line-height:45px; text-align:center; background:#e81f18; color:#FFF; font-size:20px; font-weight:bold; border-bottom:5px solid #900;}

.cxleft ul{ width:100%; float:left; background:#fefafa;}
.cxleft li{ width:100%; float:left; height:45px; line-height:45px; border-bottom:1px dashed #CCC; text-align:center;}

.cxright{ width:930px; margin-left:25px;}
.cxright-1{ width:100%; border-bottom:1px solid #CCC; font-size:14px; line-height:45px;}
.cxright-2{ width:100%; height:50px; line-height:50px; margin-top:30px;text-align:center; color:#e81f18; font-weight:bold; font-size:17px;}
.cxright-3{ width:100%; line-height:27px;}
/**/
.cxul02{ width:100%;}
.cxul02 li{ width:30.333%; float:left; margin:1.5%;}
.cxul02 li a span{ display:block; width:100%; float:left; background:#e81f18; color:#FFF; height:40px; line-height:40px; text-align:center;}
.cxul02 li a img{ float:left; width:100%; height:auto;}
.cxul02 li:hover span{ background:#900; color:#FFF;}
/**/

.cxul03{ width:100%;}
.cxul03 li{ width:100%; float:left; margin:2% 0; border-bottom:1px solid #999; padding-bottom:10px;}
.cxul03 li a span{ display:block; width:12%; float:left; height:40px; line-height:22px; padding:15px 0; text-align:center; background:#e81f18; color:#FFF;}
.cxul03 li a span strong{ font-size:18px;}
.cxul03 li:hover a span{ background:#900; color:#FFF;}
.cxul03 li a div{ width:83%; float:left; margin-left:5%;}
.cxul03 li a div h1{ display:block; width:100%; float:left; font-size:16px;}
.cxul03 li a div p{ width:100%; float:left; font-weight:normal; margin-top:5px; line-height:18px;}
/**/

.cxlianxi{ width:100%; height:580px; position:relative;}
.cxlxfs1{ width:255px; background:#670805; color:#FFF; top:17%; padding:30px 15px; position:absolute; z-index:1; box-sizing: border-box; left:0;}
.cxlxfs1 h1{ display:block; width:100%; float:left; color:#FFF; font-size:20px;}
.cxlxfs1 p{ width:100%; float:left;line-height:29px; color:#FFF; margin-top:20px;}

.cxlxfs2{ width:800px; background:#edebeb;/*box-shadow: 10px 10px 5px #888888;*/ position:absolute; right:0;}
.message{height:487px;margin-top:20px; width:600px; margin-left:150px;}
.message h1{display:block; width:100%; float:left; color:#FFF; font-size:20px; color:#670805;}
.message .box{ width:600px; float:left; margin-top:25px;}
.message .box li{line-height:42px;margin-bottom:15px;float:left; background:#edebeb;}

#lxli01{ width:47%; margin:0 1.5%;border-bottom:1px solid #000;}
#lxli02{ width:98.5%; margin-left:1.5%;border-bottom:1px solid #000;}

.message .box li .input-text{height:38px;line-height:38px; text-indent:12px; border:none; width:100%; background:#edebeb;}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.input-text{height:60px;line-height:24px;text-indent:12px;resize:none}
.message .box li.btn{margin-right:40px; margin-left:1.5%;}
.message .box li .button{cursor:pointer;width:100px;border:none;height:40px;background-color:#670805;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#e71f19; color:#FFF;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#e71f19 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#e71f19 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#e71f19 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/***/


.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}