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


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#000;
	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:#000; }
a:hover{ color:#f2523c;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

	
.barwrap{ height: 123px; position: fixed; top:0px; left: 0; right: 0; z-index: 333; display: flex; display: -ms-flexbox; 
display: -moz-flex; display: -ms-flexbox; display: -moz-flex; display: -ms-flexbox; background-image:url(../images/topbg.png);align-items: center;}
.topdh{ width:1250px; margin:0 auto;}
.topul{ width:720px; margin-top:20px; margin-left:25px;}
.topul li{ width:120px; float:left; text-align:center;}
.topul li a{ color:#FFF; font-size:17px;}
.topul li a:hover{ color:#f2523c;}
.barwrap.on{ animation-name: down; animation-duration: 1s; background:#272b36; top:0;border-bottom: none;}
.barwrap.on li a:hover{ color:#ff0000;}		
/*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:5px; height:8px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#d7a449;}
.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*************/

.jliyoushi{ width:100%; margin:0 auto; height:115px; overflow:hidden;}
.jliyoushi ul{ width:100%; float:left;}
.jliyoushi li{ width:19.8%; float:left; text-align:center; font-size:17px; height:115px; border-right:1px solid #CCC; line-height:115px;}
.ysli1{ background:url(../images/ys1.gif) no-repeat 20px 37px;}
.ysli2{ background:url(../images/ys2.gif) no-repeat 20px 37px;}
.ysli3{ background:url(../images/ys3.gif) no-repeat 20px 37px;}
.ysli4{ background:url(../images/ys4.gif) no-repeat 20px 37px;}
.ysli5{ background:url(../images/ys5.gif) no-repeat 20px 37px;}
/*************************************************end********************************/

.jljjieshao {
    overflow: hidden;
    width: 100%;
}
.jljjieshao2 {
    height: 953px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.jljjieshao3{ width:1250px; margin:0 auto; margin-top:8%;}
.jljcmp{ width:623px; margin-left:42px;}
.jljjieshao3-1{ width:520px; margin-left:65px;}
.jljjieshao3-1 h1{ display:block; width:100%; float:left; font-size:40px; font-family:Arial, Helvetica, sans-serif;}
.jljjieshao3-1 h2{ display:block; width:100%; float:left; font-size:40px; margin-top:30px; font-weight:normal;}
.jljjieshao3-1 span{ display:block; width:100%; float:left; margin-top:20px; height:55px; border-left:6px solid #f2523c;}
.jljjieshao3-1 p{ width:100%; line-height:35px; margin-top:20px; float:left;}
.cmpmore{ width:270px; border:12px solid #000; text-align:center; height:75px; line-height:75px; font-size:17px; margin-top:25px;}
.cmpmore:hover{ border:solid 12px #f2523c;}
/*************************************************end*****************************/

.jljchanpin{ width:100%; margin:0 auto; background:#272b36; padding:60px 0;}
.jljchanpin1{ width:1250px; margin:0 auto; text-align:center; font-size:35px; color:#FFF;}
.jljchanpin1 strong{ color:#f2523c;}
.jljchanpin2{ width:1250px; margin:0 auto; margin-top:15px; text-align:center; font-size:40px; color:#FFF;}
.jljchanpin3{ width:1250px; margin:0 auto; margin-top:25px;}
.jljchanpin3 ul{ width:1250px; float:left;}
.jljchanpin3 li{ width:400px; float:left; margin:0 8px;}
.jljsp01{ width:100%; text-align:center; background:#f2523c; color:#FFF; font-size:20px; height:80px; line-height:80px;}
.jljsp01:hover{ background:#900; color:#FFF;}
.jljchanpin4{ width:1250px; margin:0 auto; margin-top:20px;}
.jljchanpin4 hr{ width:500px; border:2px solid #FFF; float:right; margin-right:10px; margin-top:20px;}
.jljchanpin4 a{ margin-top:7px; display:block; width:125px; text-align:center; float:right; color:#FFF; font-size:17px;}
.jljchanpin4 a:hover{ color:#f2523c;}
/********************************************end*********************************/

.jljchejian{ width:1250px; margin:0 auto; font-weight:bold; text-transform:uppercase; margin-top:60px; text-align:center; font-size:35px; color:#000;}
.jljchejian strong{ color:#f2523c;}
.jljchejian2{ width:1250px; margin:0 auto; margin-top:10px; font-weight:bold; text-align:center; font-size:40px; color:#000;}

.products{ width:1250px; margin:0 auto; margin-top:30px;}
.products ul{ overflow:hidden; text-decoration:none;}
.products ul li{ float:left; margin:0 15px; width:299px; text-align:center; line-height:30px;}
.products ul li img{ border:1px solid #cdcdcd;}
#demo {overflow:hidden;width:1250px;}
#indemo {float: left;width:800%;}
#demo1 {float: left;}
#demo2 {float: left;}

.jljxinwen{ width:1250px; margin:0 auto; margin-top:20px;}
.jljxinwen ul{ width:1250px; float:left;}
.jljxinwen li{ width:395px; border:1px solid #CCC; float:left; margin:8.5px;box-shadow: darkgrey 5px 5px 10px 5px ;}
.xwdiv{ width:90%; padding:5%;}
.xwsp01{ width:100%; text-align:left; color:#999; margin-top:15px;}
.xwmore1{ width:100%; margin-top:10px; font-weight:bold;}
.xwxian{ width:100%; margin-top:15px;}
.xwdiv hr{ width:55%; border:1px solid #aeaeae; float:right; margin-top:10px; margin-right:5%;}
.xwmore2{ width:20%; text-align:right; float:right; color:#f2523c;}
.xwmore2:hover{ color:#f2523c; text-decoration:underline;}
/********************************end*****************************/

.jljfoot{ width:100%; margin:0 auto; margin-top:50px; background:#272b36; border-top:50px solid #f2523c; padding:50px 0;}
.jljfoot1{ width:1250px; margin:0 auto; color:#FFF;}
.jljfoot1-1{ width:965px; margin-left:140px;}
.fotsp{ width:155px; line-height:29px; font-size:16px; text-transform:uppercase;}
.fotul0{ width:495px;}
.fotul0 li{ width:247px; float:left; margin:5px 0;}
.fotul2{ width:265px; margin-left:50px;}
.fotul2 li{ width:112px; float:left; margin:0 10px; text-align:center; color:#FFF;}
.fotul2 li img{ margin-bottom:15px;}

.jljfoot2{ width:1250px; margin:0 auto; border-top:1px solid #FFF; line-height:50px; color:#FFF; margin-top:15px;}
.jljfoot2 a{ color:#FFF; text-decoration:underline;}
.jljfoot2 a:hover{ color:#FFF; text-decoration:none;}
/************************************end**********************************/

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

.jljaboutnei{ width:1250px; margin:0 auto; margin-top:30px;}
.jljabnei1{ width:255px; border:1px solid #CCC;}
.neisp{ width:255px; background:#272b36; color:#FFF; font-size:20px; font-weight:bold; text-align:center; border-top:5px solid #f2523c; line-height:65px;}
.neiul0{ width:255px;background:#f8f6f6;}
.neiul0 li{ width:255px; float:left; text-align:center; line-height:45px; font-size:16px; border-bottom:1px dotted #CCC;}
.neiul0 li a{ display:block; width:255px; height:45px;}
.neiul0 li a:hover{ background:#f2523c; color:#FFF;}
.neiul0 li a#cur{ background:#f2523c; color:#FFF;}
.neip01{ width:235px; padding:10px; line-height:27px; background:#f8f6f6;}
/********************************end**************************/
.jljabnei2{ width:963px; margin-left:30px;}
.jljabnei2-1{ width:961px; border:1px solid #CCC; text-align:center; font-size:16px; font-weight:bold; color:#f2523c; line-height:45px;}
.jljabnei2-2{ width:937px; border:1px solid #CCC; margin-top:20px; line-height:27px; padding:12px;}
/******************************end******************************/

.jljabnei2-3{width:937px; border:1px solid #CCC; margin-top:20px; padding:12px;}
.jljabnei2-3 ul{ width:937px; float:left;}
.jljabnei2-3 li{ width:288px; float:left; margin:12px;}
.jljabnei2-3 li a img{ width:100%; height:auto;}

.jljabnei2-4{ width:937px; border:1px solid #CCC; margin-top:20px; padding:12px;}
.jljabnei2-4 ul{ width:937px; float:left;}
.jljabnei2-4 li{ width:937px; padding-bottom:10px; float:left; border-bottom:1px dotted #CCC; margin-bottom:20px;}
.nxwsp01{ width:200px; background:#272b36; color:#FFF; height:35px; line-height:35px; text-align:center;}
.nxwa1{ color:#f2523c; width:100%; font-weight:bold; font-size:16px; margin-top:15px;}
.nxwa2{ width:100%; color:#666; margin-top:10px;}

.daqianmessage{ width:937px; float:left;}
.message{height:500px;margin-top:20px}
.message .box{padding:50px 0 0 40px}
.message .box li{line-height:45px;margin-bottom:35px; float:left; margin-left:20px;}
.message .box li .input-text{height:42px;line-height:42px;border:1px solid #ccc;width:320px;padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#1fac9c}
.message .box li textarea.input-text2{height:100px;border:1px solid #ccc;line-height:24px;padding:10px;resize:none}
.message .box li.btn{margin-left:60px}
.message .box li .button{cursor:pointer;width:122px;border:none;height:40px;background-color:#272b36;border-radius:4px;color:#fff;font-size:16px}

.dc_pages{ width:937px; float:left; margin-top:25px; margin-bottom:25px;}
.dc_pages1{ width:610px; margin:0 auto;}
.dc_pages1 a{ display:block; color:#999; width:100px; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}
.dc_pages1 a:hover{ display:block; background:#f2523c; color:#FFF;}

.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%;}