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

*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#5a5a5a;
	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:#5a5a5a; }
a:hover{ color:#0064b9;}
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: 158px; position: fixed; top:0; 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/menubg.png);align-items: center;}
.hptop{ width:1200px; margin:0 auto;}
.hpsp01{ width:320px; color:#FFF; text-indent:35px; font-size:20px; background:url(../images/telpic.png) no-repeat left;}
.topdh{ width:1200px; margin-top:15px; }
.topul{ width:726px; margin-top:10px;}
.topul li{ width:121px; float:left; text-align:center;}
.topul li a{ color:#FFF; font-size:17px;display:block; width:121px; height:35px; line-height:35px; }
.topul li a:hover{ display:block; width:121px; height:35px; line-height:35px; background:#ed1b24; color:#FFF; border-radius:10px;}
.topul li a#cur{ display:block; width:121px; height:35px; line-height:35px; background:#ed1b24; color:#FFF; border-radius:10px;}
.barwrap.on{ animation-name: down; animation-duration: 1s; background:url(../images/menubg.png) repeat; top:0;border-bottom: none;}
.barwrap.on li a:hover{ color:#FFF;}	
.hplogo{ margin-top:15px;}	
/*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*************/

.hppeixun{ width:100%; margin:0 auto; background:url(../images/jishupeixun.jpg) no-repeat; height:234px; overflow:hidden;}
.hppeixun1{ width:1200px; margin:0 auto; text-align:right; color:#FFF; font-size:30px; line-height:55px; margin-top:65px;}
.hppeixun1 strong{ font-size:50px;}
/***************************************end****************************************************/

.hpjieshao{ width:1200px; margin:0 auto; margin-top:30px;}
.hpjieshao1{ width:609px; margin-right:30px;}
.hpp01{ width:609px;line-height:35px; margin-top:35px;}
.hph1{ width:609px; font-size:35px; margin-bottom:15px; font-weight:normal; color:#000; margin-top:20px;}

.hpjieshao2{ width:100%; background:url(../images/cmp2.jpg) no-repeat; height:214px; overflow:hidden; margin-top:30px;}
.hpjieshao2-1{ width:1200px; margin:0 auto;}
.hpjieshao2-1 ul{ width:100%; float:left; margin-top:35px;}
.hpjieshao2 li{ width:25%; float:left; text-align:center; color:#FFF; font-size:20px; cursor:pointer;}
.hpjieshao2 li a{ display:block; width:100%; color:#FFF; margin-top:100px;}
.hpjieshao2 li a:hover{ color:#fcc900;}
.gli1{ background:url(../images/tu1.png) no-repeat center;}
.gli1:hover{ background:url(../images/tu1-1.png) no-repeat center;}
.gli2{ background:url(../images/tu2.png) no-repeat center;}
.gli2:hover{ background:url(../images/tu2-2.png) no-repeat center;}
.gli3{ background:url(../images/tu3.png) no-repeat center;}
.gli3:hover{ background:url(../images/tu3-3.png) no-repeat center;}
.gli4{ background:url(../images/tu4.png) no-repeat center;}
.gli4:hover{ background:url(../images/tu4-4.png) no-repeat center;}
/*******************************************end***************************************************/

.hpchanpinwrap{ width:100%; margin:0 auto; background:url(../images/chanpinbg.jpg) no-repeat center; height:755px; overflow:hidden;}
.hpchanpin{ width:1200px; margin:0 auto; margin-top:88px;}
.hpcpmore{ width:122px; height:30px; text-align:center; line-height:30px; border:1px solid #0064b9; border-radius:10px; background:#FFF; color:#0064b9; margin-top:15px;}
.hpcpmore:hover{ background:#0064b9; color:#FFF;}
.hpsp02{ width:170px; border-left:1px solid #000; text-align:center; color:#000000; font-size:14.5px; text-transform:uppercase;}
.hpsp02 strong{ color:#0064b9; font-size:35px;}

.hpchanpin2{ width:1200px; margin:0 auto; margin-top:65px;}
.hpchanpin2 ul{ width:1200px; float:left; height:455px; overflow:hidden;}
.hpchanpin2 li{ width:388px; float:left; margin:0 6px; position:relative; }
.hpchanpin2 li span{ display:block; width:100%; float:left; height:65px;  }
.hpchanpin2 li span a{ display:block; width:100%; height:65px;line-height:65px;font-size:22px; background:#0064b9; text-align:center; color:#FFF;}
.hpchanpin2 li span a:hover{ background:#fcc900; color:#FFF;}
.cpimgmore{ display:block; width:388px; height:388px; float:left;}
.cpimgmore img{ display:block; width:388px; height:388px; position:absolute;}
.cpimgmore img:last-child{ display:none;}
.cpimgmore:hover img:last-child{ display:block;}
/*******************************************end**************************************************/

.hpxinwen{ width:100%; background:#205db0; padding:30px 0;}
.hpxinwen1{ width:1200px; margin:0 auto;}
.ul01{ width:597px; float:left;}
.ul01 li{ width:90%; background:url(../images/divbg.png) repeat; padding:5%; float:left; margin-bottom:10px;}
.ul01 li span{ width:20%; text-align:center; float:left; border-right:1px solid #FFF; font-weight:bold; font-size:45px; color:#FFF;}
.ul01 li a{ display:block; width:70%; float:left; margin-left:5%; color:#FFF; line-height:30px;}
.ul01 li a:hover{ color:#FFF; text-decoration:underline;}
/******************************************end***************************************************/

.fotm{ margin-left:67.5px;}
.hpfoot{ width:100%; margin:0 auto; margin-top:10px; background:#242d34; padding:60px 0px;}
.hpfoot1{ width:1200px; margin:0 auto; color:#FFF;}
.hpfoot1-1{ width:310px;}
.hpp02{ width:260px; background:url(../images/tubiao.GIF) no-repeat left; padding-left:50px; line-height:37px; margin-top:30px; color:#aaacae;}

.hpfoot1-2{ width:100px;}
.hpfoot1-2-1{ width:180px;}
.hpsp03{ width:100%; font-size:16px; font-weight:bold; text-align:center;}
.ul02{ width:100%; margin-top:20px;}
.ul02 li{ width:100%; float:left; text-align:center; line-height:30px;}
.ul02 li a{  color:#aaacae;}

.hpfoot1-3{ width:160px;}
.hpfoot1-3 img{ margin-top:20px;}

.hpfoot2{ width:1200px; margin:0 auto; border-top:1px solid #3a4249; margin-top:30px; color:#dbdcdd; line-height:45px;}
.hpfoot2 a{ color:#FFF; float:right;}

/******************************************end****************************************************/


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

@media screen and (max-width: 1440px){
.slideshowba{height: 400px;}
}
	
.hpneiye{ width:1200px; margin:0 auto; margin-top:30px;}
.hpneiye1{ width:260px;}
.hpsp04{ width:260px; height:90px; line-height:90px; background:#0064b9; color:#FFF; font-size:25px; font-weight:bold; text-align:center; border-bottom:5px solid #ffc306;}	
.ul03{ width:258px; border:1px solid #CCC; margin-top:15px;}
.ul03 li{ width:260px; float:left; text-align:center; height:45px; line-height:45px; border-bottom:1px dotted #CCC;}
.hpp03{ width:228px; border:1px solid #CCC; padding:15px; line-height:27px;}
/*************************************end**************************************************/

.hpneiye2{ width:910px; margin-left:30px;}
.hpneiye2-1{ width:100%; text-align:center; border-bottom:1px solid #CCC; font-size:20px; font-weight:bold; line-height:45px;}
.hpneiye2-2{ width:100%; line-height:29px; margin-top:15px;}

.hpneiye2-3{ width:100%; margin-top:15px;}
.hpneiye2-3 ul{ width:100%; float:left;}
.hpneiye2-3 li{ width:31.3333%; float:left; margin:1%;}
.hpneiye2-3 li a span{ display:block; width:100%; height:45px; float:left; line-height:45px; text-align:center; background:#0064b9; color:#FFF;}
.hpneiye2-3 li a span:hover{ background:#ffc306; color:#FFF;}
.hpneiye2-3 li a img{ width:100%; height:auto; float:left;}

.hpneiye2-4{ width:100%; margin-top:15px;}
.hpneiye2-4 ul{ width:100%; float:left;}
.hpneiye2-4 li{ width:90%; background:url(../images/divbg2.png) repeat; padding:5%; float:left; margin-bottom:10px;}
.hpneiye2-4 li span{ width:10%; text-align:center; float:left; border-right:1px solid #FFF; font-weight:bold; font-size:45px; color:#FFF;}
.hpneiye2-4 li a{ display:block; width:80%; float:left; margin-left:5%; color:#FFF; line-height:30px;}
.hpneiye2-4 li a:hover{ color:#FFF; text-decoration:underline;}
/**********************************************end*************************************************/



/*固定的悬浮窗*/
.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:#1698d4 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#1698d4 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#1698d4 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-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:#19507e; 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%;}


.daqianmessage{ width:100%; float:left; margin-bottom:25px;}
.message{height:487px;background:url("../images/messageBg.png");margin-top:20px}
.message .box{padding:50px 0 0 40px}
.message .box li{line-height:44px;margin-bottom:15px}
.message .box li .input-text{height:42px;line-height:42px;border:1px solid #ccc;width:470px;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-text{height:84px;line-height:24px;padding:10px;resize:none}
.message .box li.btn{margin-left:40px}
.message .box li .button{cursor:pointer;width:122px;border:none;height:40px;background-color:#ff8a00;border-radius:4px;color:#fff;font-size:16px}