@charset "gb2312";
/* CSS Document */

body{ margin:0px; font-size:14px; color:#333;font-family: "Microsoft YaHei";}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei";}
button {overflow:visible}
img{border:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#2677bb;}
li{	list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
.fl{ float:left;}
.fr{ float:right;}
.w1150 { width:1200px; margin:0 auto}

/*tou*/
.top { height:35px; background:#448aff;}
.top .hy { width:400px; float: left; line-height:35px; color:#fff;}
.top .right { width:136px; padding-top:5px; float:right}
.top .right .tb { width:24px; margin-right:10px; float:left}


.weixin{ width:24px; height:24px; margin:0 auto;position:relative; font-size:12px; text-align:center; z-index:10000000}
.weixin a{width:24px; height:24px; display:block; position:absolute; left:0; top:0;background:url(../images/top9.png) no-repeat center top; }
.weixin .weixin_nr{width:100px; height: auto; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px; width:100%}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/top9.png) no-repeat center top;}








#topToolbar{
	
	width:100%; height:92px;
	position: absolute;  left:0; z-index:10000;
	
}
.header { height:50px;background:url(../images/dhbj.png); border-bottom:1px solid #ccc; padding-top:12px; width:100%;}
.header .head { width:1200px; margin:0 auto;}
.header .head.weizhi { width:1200px; position:relative;}
.header .head .logo {width:152px; height:40px; float:left;}
.header .head .dh {width:990px; margin-left:20px; float: right; margin-top:6px;}

.menu{width:990px; height:50px; float: right; margin-left:10px;}
.menu.on{position: relative; top:0; left:0;}
.menu span{display:none;}
.menu ul{width:990px; margin:0 auto; display:block;}
.menu ul li{width:110px; height:50px; font-size:16px; line-height:47px; text-align:center; float:left; display:block;}
.menu ul li a{ color:#333; }
.blo { display:block;}
.menu ul li.jian { background:url(../images/wapNavPointer.png) 92px 22px no-repeat; }
.menu ul li a:hover{ background:url(../images/hover.png) bottom repeat-x; color:#1a3296;  box-sizing: border-box;}
.menu .ej{width:1200px; text-align:left; display:none; z-index:10000; position:absolute; left:0; text-align:center;background:url(../images/dhbj.png);}
.menu .ej a{display:block-inline; padding:10px 15px; font-size:14px; line-height:12px; z-index:100000}
.menu ul li:hover .ej a{ color:#333;display:block-inline; padding:10px 15px;}
.menu ul li:hover .ej a:hover{ color:#fff; border:none; background:#44afd9}
.menu ul li:hover .ej{display:block;}

.nav{display:none;}


.header .head .del { width:165px; float:right; margin-top:12px;}



/*banner*/


.container{position:relative;width:1200px;margin:0px auto;}

.container:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}




@media (max-width: 639px) {

.container{width:93.75%;}


}

@media (min-width: 640px) and (max-width:1023px ) {

.container{width:600px;}


}

@media (min-width: 1024px) and (max-width:1199px ) {

.container{width:980px;}



}

@media (min-width: 1200px) and (max-width:1439px ) {



}

@media (min-width: 1440px) and (max-width:1920px ) {



}





/*animate*/



@keyframes rightOpacityShow{

0%{ transform: translateX(-80px);opacity:0;}

80%{ transform: translateX(20px);}

100%{ transform:translateX(0); opacity:1;}

}

@-moz-keyframes rotateYOpacityAn{

0%{ -moz-transform: translateX(-80px);opacity:0;}

80%{ -moz-transform: translateX(20px);}

100%{ -moz-transform:translateX(0); opacity:1;}

}

@-webkit-keyframes rotateYOpacityAn {

0%{ -webkit-transform: translateX(-80px);opacity:0;}

80%{ -webkit-transform: translateX(20px);}

100%{ -webkit-transform:translateX(0); opacity:1;}

}

@-o-keyframes rotateYOpacityAn{

0%{ -o-transform: translateX(-80px);opacity:0;}

80%{ -o-transform: translateX(20px);}

100%{ -o-transform:translateX(0); opacity:1;}

}
/*大图下面*/
.syContent01 {
    padding: 30px 0;
}
.syContent01 .wrapper{width:1200px; margin:0 auto}
.syContent01{padding:30px 0;}
.syContent01 .wenz{z-index:2;padding-bottom:100px;position:absolute;bottom:0;left:0;width:100%;}
.syContent01 .wenz .f30{color:#fff;padding-bottom:14px;}
.syContent01 .wenz p{font-size:14px;max-width:425px;line-height:24px;color:#fff;height:72px;display:none;}
.syContent01 .pos_re:hover .wenz p{display:block;}
.syContent01 .yy{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:url(../images/yy02.png);opacity:0;filter:Alpha(opacity=0);background-size:100% 100%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;}
.syContent01 .padBox{padding:0 37px;}
.syContent01 .pos_re:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.syContent01 .pos_re:hover .yy{opacity:0.8;filter:Alpha(opacity=80);}
.syContent01 .picBox{width:49.3%;}
.syContent01 .fullpic{}
.syContent01 .fullpic .wenz{color:#fff;top:85px;position:absolute;width:100%;text-align:center;}
.syContent01 .fullpic .wenz p{max-width:100%;font-size:18px;}
.syContent01 .wenz.btm50{padding-bottom:50px;}
.mart20 {
    margin-top: 20px;
}
.pos_re {
    overflow: hidden;
    position: relative;
}
.pos_re > a {
    display: block;
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pos_re > a {
    z-index: 3;
}
a:focus, a:hover {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:focus, button:focus {
    outline: none;
    -moz-outline: none;
}
:focus {
    outline: none;
}

.clearfix {
    display: block;
}
.pic {
    overflow: hidden;
}
.pic img {
    max-width: 100%;
}
img {
    max-width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
img {
    border: none;
    display: inline-block;
    vertical-align: middle;
}
.f30 {
    font-size: 30px;
    padding-bottom: 30px;
    color: #333;
}
a, input[type="reset"], input[type="submit"], input[type="button"] {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.ml-title{font-size: 32px;color: #333;font-weight: bold;text-align: center;margin:25px 0 25px;cursor: pointer;}

.ml-title span{display: block;width: 39px;height: 3px;margin:12px auto 0;background: #3392dc;}



.wrapper{ width:1200px; margin:0 auto; padding:0;}


.about_box{ overflow:hidden; padding:90px 0; background:#f7f7f7;}



.about_box .about_desc{ width:660px; background:#FFF; border-bottom:1px solid #448aff; float:left;}

.about_box .about_desc .a_d_img{ height:300px; overflow:hidden; position:relative;}

.about_box .about_desc .a_d_img img{width: 100%;position: absolute;top: 0;left: 0;}

.about_box .about_desc .a_title{display:none; position:absolute; top:30px; left:30px; width:210px; height:90px; z-index:99; background:#448aff; color:#FFF;}

.about_box .about_desc .a_title b{ display:block; font-size:24px; padding:20px 0 0 60px;}

.about_box .about_desc .a_title font{ display:block; padding:2px 0 0 60px; opacity:0.8;}

.about_box .about_desc p{ padding:15px 45px; line-height:24px;}

.about_box .about_desc .a_more{ width:90px; height:30px; margin:0 auto;}

.about_box .about_right{ width:460px; float:right;}



.about_box .about_right .history{ width:460px; height:230px; background:#448aff;  position: relative;}



.about_box .about_right .history .hd{ height:15px; overflow:hidden; position:absolute; left:0; bottom:15px; z-index:1; right:0; }

.about_box .about_right .history .hd ul{ width:60px; overflow:hidden; zoom:1; margin:0 auto; text-align:center;}

.about_box .about_right .history .hd ul li{ float:left; margin:0 4px; width:10px; height:10px; border-radius:100%; background:#d5d5d5; cursor:pointer; display:inline-block; }

.about_box .about_right .history .hd ul li.on{ background:#502dab; color:#fff; }

.about_box .about_right .history .bd{ position:relative; z-index:0; padding:30px 80px; background:#448aff}

.about_box .about_right .history .bd .h_box{ overflow:hidden;}

.about_box .about_right .history .bd .h_box dl{text-align:center; font-size:30px; color:#fff; padding:0 0 20px; margin:0;}

.about_box .about_right .history .bd .h_box dt{ background:url(../images/h_li_icon.jpg) left center no-repeat;}

.about_box .about_right .history .bd .h_box dd{ line-height:24px; display:block;}

.about_box .about_right .history .bd a{ color:#fff;}



.about_box .about_right .history .next,.about_box .about_right .history .prev{ position:absolute; top:50%; margin-top:-25px; display:block; width:30px; height:30px;filter:alpha(opacity=50);opacity:0.5; transition:0.5s;}

.about_box .about_right .history .next{ background:url(../images/h_right.jpg) no-repeat; right:0;}

.about_box .about_right .history .prev{ background:url(../images/h_left.jpg) no-repeat; left:0;}

.about_box .about_right .history .prevStop{ display:none; }

.about_box .about_right .history .nextStop{ display:none; }




.about_box .about_right .a_icon{ overflow:hidden; margin-top:34px;}

.about_box .about_right .a_icon ul{ margin:0; padding:0; text-align:center; width:490px; overflow:hidden;}

.about_box .about_right .a_icon ul li{ width:140px; height:140px; float:left; margin-right:20px; background:#448aff;}

.about_box .about_right .a_icon ul li a{ color:#FFF; font-size:14px;}

.about_box .about_right .a_icon ul li a font{ display:block; line-height:20px; padding:16px 0;}

.about_box .about_right .a_icon ul li a img{ margin:24px auto 0; width:64px; height:60px;}

.about_box .about_right .a_icon ul li:nth-of-type(even){ background:#448aff;}

/*新闻*/
.i_main03{margin-bottom:110px;}
.i_main03 .i_main03_box{border:1px solid #f1efef;}
.i_main03 .i_main03_box li.even{position:relative;}
.i_main03 .i_main03_box li.even .i_news_img{position:absolute;top:100%;left:0;}
.i_main03 .i_main03_box .i_news_img{width:100%;height:0;padding-bottom:60%;overflow:hidden;}
.i_main03 .i_main03_box .i_news_text{padding:33px 60px 50px 46px;position:relative;}
.i_main03 .i_main03_box .i_news_text ._title{font-size:18px;color:#000000;height:3.9em;overflow:hidden;margin-bottom:10px;}
.i_main03 .i_main03_box .i_news_text ._text{color:#9e9d9d;height:4.8em;overflow:hidden;margin-bottom:10px;}
.i_main03 .i_main03_box .i_news_text ._time{color:#9e9d9d;}

.i_main03 .i_main03_box .i_news_text:after{content:"";width:0;height:0;border-style:solid;border-color:transparent transparent #ffffff transparent;display:block;position:absolute;top:-24px;left:60px;border-width:12px;}
.i_main03 .i_main03_box li.even .i_news_text:after{border-color:#ffffff transparent transparent transparent;top:100%;}
/*核心技术*/

/*产品*/


.scrollBox {width: 1200px; margin:0px auto;position: relative; }
.scrollBox .piclist {overflow: hidden;zoom: 1;}
.scrollBox .ohbox {overflow: hidden;position: relative;width: 100%;}
.scrollBox {position: relative;overflow: hidden;zoom: 1; padding-bottom:10px;}
.scrollBox .piclist li {float: left;display: inline;width: 100%;background:#FFF;}
.scrollBox .pageBtn span {display: block;width: 37px;height: 59px;position: absolute;top: 409px;cursor: pointer;text-indent: -999em;overflow: hidden;}
.scrollBox .pageBtn .prev {left:560px;background: url(../images/feel3.png) no-repeat;}
.scrollBox .pageBtn .next {right:510px;background: url(../images/feel4.png) no-repeat;}
.scrollBox .pageBtn .list {overflow: hidden;zoom: 1;margin: 6px 0 0 570px;}
.scrollBox .pageBtn .list li {background: url(../images/bntBg.png);float: left;display: inline;width: 15px;height: 15px;background-position: -86px -57px;cursor: pointer;margin-left: 10px;line-height: 10000px;overflow: hidden;}
.scrollBox .pageBtn .list li.on {background-position: -114px -57px}

.liebiao { width:100%; background:#fff; padding:10px 0px 50px 0px; }
.liebiao .zjsy1 { width:100%; margin:0px auto; background:#FFF;}
.liebiao .zjsy1 .ttt { width:60%; float:left;}
.liebiao .zjsy1 .ttt img { width:100%; height:auto;}
.liebiao .zjsy1 .zzz { width:30%; float:right; padding-right:50px; padding-top:120px;}
.liebiao .zjsy1 .zzz h3 { font-size:30px; line-height:50px;}
.liebiao .zjsy1 .zzz p { font-size:12px; line-height:38px;}
.liebiao .zjsy1 .zzz .xiang a {width:120px; margin-top:15px; background: #3366CC; height:35px; line-height:35px; font-size:14px; color:#fff; display:block; text-align:center}
.liebiao .zjsy { width:82%; margin:0px auto; margin-top:40px; background:#FFF; padding:2%;}
.liebiao h1 { width:86%; margin:0px auto; height:60px; line-height:60px; font-size:20px;}
.liebiao .zjsy2 { width:84%; margin:0px auto;  background:#FFF; padding:1%;}
.liebiao .zjsy2 ul li { width:22%; margin:1.5%; float:left;}
.liebiao .zjsy2 ul li img { width:100%; height:auto;}
.liebiao .zjsy2 ul li h2 { font-size:16px; line-height:24px; padding-top:15px;}
.liebiao .zjsy2 ul li h2 a {font-size:16px;}
.liebiao .zjsy2 ul li p { font-size:14px; color:#9e9e9e; line-height:22px;}
.liebiao .zjsy2 ul li p a{ font-size:14px; color:#9e9e9e; line-height:22px;}
.liebiao .zjsy2 ul li img:hover {filter: alpha(Opacity=70); opacity:.7; transition: all 1s;}

#moreCourse {

	margin-top: 25px;

	margin-left: 43%;

	padding: 10px 0 30px 50px;

	border-radius: 22px;

	border: 1px solid #d5d5d5;

	height: 6px;

	width: 160px;

	font-size: 14px;

	font-weight: 500;

	color: black;

}


/* start footer */
.foot { background:url(../images/footer_bj1.jpg) repeat-x; height:19px;}
.footer_bg{
    background: #292929; width:100%; overflow:hidden; padding:15px 0;
}
.footer { width:1200px; margin:0 auto; padding:20px 0}
.footer .zuo3{ width:850px; float: left;}
.footer .zuo3 ul li { width:13.5%; float:left;}
.footer .zuo3 ul li .tit a { font-size:15px; font-weight:bold; color:#fff; line-height:40px; display:block}
.footer .zuo3 ul li a { width:100%; display:block; line-height:35px; font-size:13px; color:#eee}
.footer .you3 { width:350px; float:right;}
.footer .you3 .weixin { width:100px; padding-top:20px; float:left; line-height:30px; color:#fff; text-align:center}
.footer .you3 .weixin2{ display:none} 
.footer .you3 .dian { width:230px; float:right;}
.footer .you3 .dian h2 { font-size:32px; line-height:50px; color:#fff; padding-top:20px;}
.footer .you3 .dian p { line-height:30px; font-size:14px; color:#fff; text-align:center}
.footer_btm {
    margin:30px auto 0;
    padding-top: 1%;border-top: 3px solid #222222; width:1200px;
}
.copy {
    /*float: left;*/
	text-align:center
}
.copy p {
    font-size: 12px;
    text-transform: uppercase;
    color: #B9B9B9;
}
.copy p a {
    color: #ffffff;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
}

/*内页*/
.nban { width:100%; height:500px; position:relative}
.nbanbj { width:100%; height:500px; position:absolute; top:0}
.nban_tit{ width:345px; margin:220px auto 0; height:100px; line-height:60px; text-align:center; color:#00abeb }
.nban_titxw{ width:345px; margin:220px auto 0; height:100px; line-height:60px; text-align:center; color:#00abeb; padding-right:200px;}
.nban_titgc{ width:345px; margin:220px auto 0; height:100px; line-height:60px; text-align:center; color:#00abeb; padding-left:380px;}
.nban_titus{ text-align:center; font-size:26px; text-transform:uppercase; color:#00abeb; font-family:Arial, Helvetica, sans-serif; width:100%; display:block}
.size2 { font-size:32px;}

.nlmtit { width:100%; height:40px; text-align:center; margin-top:30px}
.nlmtit ul { text-align:center}
.nlmtit ul li { height:40px; margin:0 5px;display:inline-block;}
.nlmtit ul li a {line-height:40px; color:#333;display:inline-block; text-align:center; font-size:16px; padding:0 15px; border-radius:30px; background:#eee; border:#ccc 1px solid}
.nlmtit ul li a:hover { background:#00abeb; color:#fff}
.nlmtit ul li a.on { background:#00abeb; color:#fff}

.ncontent { margin:10px auto 0; width:1200px;}
.case_t1 { text-align:center}
.case_t1 p{

	font-size: 28px;

	color: #333;

	display: inline-block;

	border-bottom: 1px solid #cccccc;

	margin: 20px auto 10px;

	padding: 0.2rem 0 10px; text-align:center;

}
.case_t2 {

	text-align: center;

	color: #666;

	margin-bottom: 40px;

}
.baise { color:#fff}
.baise p { color:#fff}
.qyjjl { width:560px; float:left}
.qyjjr { width:600px; height:340px; overflow:hidden;line-height:30px; font-size:14px; float:right}
.qyjjr p { text-indent:2em}
/*qiyewenhua*/

.gybe-main{margin-top:0px;}
.gybe-main li{float: left;width:270px;height: 200px;margin-right:40px;}
.gybe-main li p { text-indent:0em}
.gybe-main li a{display: block;}
.gybe-main li.no{margin-right:0;}
.gybe-main .gm-img{height: 95px;background-repeat:no-repeat;background-position: center center;transition: all 0.2s linear 0s;}
.gybe-main li:hover  .gm-img{
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}
.lsct{background-image: url("../images/png-5.png");}
.gsnl{background-image: url("../images/png-6.png");}
.gsjz{background-image: url("../images/png-7.png");}
.beqq{background-image: url("../images/png-8.png");}
.wdy{background-image: url("../images/png-az.png");}
.tg {background-image: url("../images/png-07.png");}
.gybe-main .gm-font1{color:#0351c6;font-size: 18px;text-align: center; font-weight:bold}
.gybe-main .gm-font2{color:#333;font-size: 14px;text-align: center;margin-top: 10px;}

.culture_con {

	min-height: 380px; width:100%;

	background: url(../images/wenhua_bg.jpg) center bottom no-repeat;

}

.culture_con p {

	writing-mode: tb-rl;

	float: right;

}

.culture_con p.culture_contit {

	font-size: 16px;

	color: #333;letter-spacing:3px;

	margin-left: 15px;

	margin-right: 25px; font-family: "SimSun";

}

.culture_con p.culture_contex {

	color: #777777;

	font-size: 12px;letter-spacing:2px;

	margin-left: 10px;

	margin-top: 2em;font-family: "SimSun";

}
.text-center { text-align:center}
/*厂区展示*/


.changq {position:relative; margin-top:10px;}
.changq .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:-45px; top:50%; margin-top:-20px; z-index:10000}
.changq .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:-45px; top:50%; margin-top:-20px; z-index:10000}
.changq .bd {width:1200px; margin:0 auto;}
.changq .bd ul li{display:inline-block; width:1200px; float:left; margin-bottom:35px }
.changq .bd ul li .skzs { width:270px; float:left; margin-right:30px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; border:#ccc 1px solid; padding:5px; overflow:hidden}
.changq .bd ul li .skzs.no { margin-right:0}
.changq .bd ul li .skzs img {width:100%; height:auto;margin-bottom:20px;}

.changq .bd ul li .skzs .tit a { font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;color:#333; padding:0 10px}
.changq .bd ul li .skzs span { display:block; font-size:14px; color:#777; line-height:26px; margin-bottom:15px; padding:0 10px}
.changq .bd ul li .skzs .procase_tu03 a{ width:88px; height:26px; border:1px solid #d2d2d4; display:inline-block; line-height:26px; margin:10px 0 0 85px; border-radius: 50px; text-transform:uppercase; font-size:12px; text-align:center}
.changq .bd ul li .skzs:hover .procase_tu03 a { background:#038ad8; color:#fff;}

.xx41 li{ display:inline-block;}

.qyry { padding-top:10px; padding-bottom:30px;}
.qyry ul li { width:268px; float:left; margin-right:40px; border:#ccc 1px solid;}
.qyry ul li img { width:100%}
.qyry ul li .tit { line-height:30px; font-size:14px; text-align:center}
.qyry ul li.last { margin-right:0}


/*新闻内页*/

.index_news{  width:1200px; margin:0 auto}

.index_newsl { width:760px; float:left}
.tuwen { width:375px;}
.tuwen .tu { width:357px;}
.tuwen .tu img { width:100%; border:#fff 3px solid;box-shadow:0 0 6px #CCC;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;  }
.tuwen .tit{ color:#333; line-height:28px; position:relative}
.tuwen .tit a { color:#333; font-size:14px}
.tuwen .tit a:hover { color:#538700}
.tuwen .time { color:#00abeb; width:70px; font-size:12px; line-height:18px; height:18px; position:absolute; right:12px; bottom:0}
.index_news_tits{ width:auto;}

.index_Excit{ width:390px; float:right}
.index_Excit .rq { width:67px; height:74px; background:#00abeb; float:left}
.index_Excit .rq .da { line-height:44px; border-bottom:#fff dashed 1px; font-size:32px; color:#fff; text-align:center}
.index_Excit .rq .xiao { line-height:29px; color:#fff; font-size:12px; text-align:center}
.index_Excit .biaot { width:310px; float:right;}
.index_Excit .biaot .tit a { line-height:23px; font-size:16px; color:#001a3d; font-weight:bold}
.index_Excit .biaot .nr { padding-top:6px; color:#333; font-size:14px; line-height:24px; margin-bottom:0px}
.more2 { text-align:center; padding:66px 0;}

  

/*新闻中心*/

.newsp02 {position:relative; margin-top:35px;}
.newsp02 .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:-45px; top:50%; margin-top:-20px; z-index:10000}
.newsp02 .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:-45px; top:50%; margin-top:-20px; z-index:10000}
.newsp02 .bd {width:1200px; margin:0 auto;}
.newsp02 .bd ul li{display:inline-block; width:360px; float:left; margin:0 20px; }
.newsp02 .bd ul li img {width:100%; height:auto;margin-bottom:30px;}
.newsp02 .bd ul li h4{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;}
.newsp02 .bd ul li h4 a{ color:#333;}
.newsp02 .bd ul li span { display:block; font-size:14px; color:#777; padding-bottom:18px; border-bottom:1px solid #e2e2e2; margin-bottom:20px;}
.newsp02 .bd ul li p{ font-size:14px; line-height:22px; color:#666; height:66px; overflow:hidden; text-align:justify;}

.newsp02 .bd ul li .wz { width:100%; padding:8px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; text-align: left }
.newsp02 .bd ul li .wz h3 { font-size:16px; color:#333; line-height:35px;}
.newsp02 .bd ul li .wz span { font-size:12px; line-height:26px; color:#666666}
.xx41 li{ display:inline-block;}



.yingx{background-color: #f4f4f4;}

.yingxiang { overflow:hidden; width:1200px; margin:0 auto 40px;}

.yingxiang .yxbox{ overflow:hidden; margin-top:40px;}

.yingxiang .listbg{ overflow:hidden; width:400px; height:360px; float:left; position:relative; margin-right:10px;}

.yingxiang .listbg img{ display:block;}

.yingxiang .listbg .name{ overflow:hidden; width:100%; height:70px; background:url(../images/index04.png) repeat center; position:absolute; left:0; bottom:0;}

.yingxiang .listbg h3{ font-size:16px; color:#fff; float:left; line-height:70px; margin-left:25px;}

.yingxiang .listbg .name img{ float:right; margin-right:25px; margin-top:20px;}

.yingxiang .listbg a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}




.yingxiang .listbg1{ overflow:hidden; width:280px; height:250px; float:left; position:relative; margin-right:20px;}

.yingxiang .listbg1 img{ display:block;}

.yingxiang .listbg1 .name{ overflow:hidden; width:100%; height:70px; background:url(../images/index04.png) repeat center; position:absolute; left:0; bottom:0;}

.yingxiang .listbg1 h3{ font-size:16px; color:#fff; float:left; line-height:70px; margin-left:25px;}

.yingxiang .listbg1 .name img{ float:right; margin-right:25px; margin-top:20px;}

.yingxiang .listbg1 a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}









.yingxiang .listsm{ overflow:hidden; width:380px; height:360px; float:right;position: relative;}

.yingxiang .listsm .slists{ overflow:hidden; width:100%; height:175px; margin-bottom:10px;}

.yingxiang .listsm .slists .tu{ display:block; float:left; width:190px; height:175px; position:relative}

.yingxiang .listsm .slists .tu img{ display:block}

.yingxiang .listsm .slists .tu .icon{ position:absolute; left:65px; top:56px;}

.yingxiang .listsm .slists .wen{ overflow:hidden; width:149px; height:173px; border:1px solid #cecece; border-left:none; padding:0 20px;}

.yingxiang .listsm .slists h3{ font-size:16px; text-align:justify; line-height:25px; height:50px; margin-bottom:30px; margin-top:35px; overflow:hidden}

.yingxiang .listsm .slists h3 a{ color:#333}

.yingxiang .listsm .slists em{ font-size:12px; color:#888; padding-left:16px; background:url(../images/index_time.png) no-repeat left center;}
/*rongyu*/

.honor-box { overflow:hidden; width:990px; margin:0 auto; padding:0 105px; padding-bottom:35px; background:url(../images/ry-bg.png) no-repeat center 170px; margin-bottom:30px;}

.honor-box .honor-list{ overflow:hidden; width:270px; margin:0 30px; float:left;}

.honor-box .honor-list img{ display:block; padding:15px 16px 16px 16px; background:url(../images/ry-k.png) no-repeat center top; margin-bottom:0px;}


/*.honor-box { overflow:hidden; width:990px; margin:0 auto; padding:0 105px; padding-bottom:55px; background:url(../images/ry-bg.png) no-repeat center bottom; margin-bottom:30px;}

.honor-box .honor-list{ overflow:hidden; width:270px; margin:0 30px; float:left;}

.honor-box .honor-list img{ display:block; padding:15px 16px 36px 16px; background:url(../images/ry-k.png) no-repeat center top; margin-bottom:15px;}*/

.honor-box .honor-list span{ display:block; text-align:center; font-size:16px; color:#555; white-space:nowrap;}

.page{ text-align:center; margin:30px auto;}

.page a{ height:21px; line-height:21px; display:inline-block; font-size:14px; color:#5a5a5a; border:#ccc 1px solid; margin:0 3px; padding:0 5px;}

.page a:hover{ background:#00abeb; border:#00abeb 1px solid; color:#FFF;}

.page a.hover{ background:#00abeb; border:#00abeb 1px solid; color:#FFF;}
/*技术研发*/
.qyzl { padding-top:15px;}
.zl1 { width:388px; float:left; margin-right:18px; background:#aa9f46;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; color:#fff; margin-bottom:18px; position:relative; border-radius:6px;}
.zl1 img { width:100%; border-radius:6px 6px 0 0;}
.zl1 .tit0 { line-height:35px; font-size:18px; color:#fff; padding:0 30px}
.zl1 .nr0 { line-height:26px; font-size:14px; color:#fff;padding:5px 30px 15px;}
.zl2 .tit0 { line-height:35px; font-size:18px; color:#fff; padding:0 30px}
.zl2 .nr0 { line-height:26px; font-size:14px; color:#fff;padding:5px 30px 15px;}
.zl1:hover {animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}
.zl1 .hov { display: none;background:url(../images/index004.png) repeat; height:100%; width:100%;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; position:absolute; left:0; top:0; z-index:10;border-radius:6px;padding:15px 30px; color:#fff}
.zl2 img { width:100%; border-radius:6px;}
.zl1:hover .hov { display:block}
.zl1 .wenzi { z-index:1000; position:absolute; width:90%;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}
.zl1 .tit1 { line-height:35px; margin-top:20px; font-size:18px; z-index:101;}
.zl1 .neir { line-height:30px; font-size:14px; margin-top:20px; z-index:101}
.zl1.lv { background:#1d954e}
.zl1.no { margin-right:0; background:#836db5}
.zl2 { width:591px;  float:left; margin-right:18px; background:#0ea1d4;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; color:#fff;position:relative;border-radius:6px; margin-bottom:18px;}
.zl2:hover {animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);}
.zl2 .hov { display: none;background:url(../images/index004.png) repeat; height:100%; width:100%; position:absolute; left:0; top:0; z-index:10;border-radius:6px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; position:absolute; left:0; top:0; z-index:10;padding:15px 30px; color:#FFFFFF}
.zl2:hover .hov { display:block}
.zl2 .wenzi { z-index:1000; position:absolute; width:90%;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; }
.zl2 .tit1 { line-height:35px; margin-top:20px; font-size:18px; z-index:101;}
.zl2 .neir { line-height:30px; font-size:14px; margin-top:20px; z-index:101}
.zl2.no { margin-right:0; background:#b33334}
.qyzl ul li { width:224px; float:left; position:relative; margin:0 20px 30px 0}
.qyzl ul li img { width:100%; height:124px;}
.qyzl ul li a span { height:32px; line-height:32px; background:url(../images/1.png); text-align:center; width:100%; position:absolute; display: block; bottom:0; left:0; color:#fff; font-size:14px}
.qyzl ul li:hover a span { color:#00abeb}
.qyzl ul li.no { margin-right:0}


.index_pro{ position:relative;height:500px;}

.index_pro_tu { width:889px; height:477px;position:relative;}

.index_pro_abo{ width:468px; height:380px; background:url(../images/index_probg.png) left center no-repeat; position:absolute; top:59px; right:0;}

.proj_case{ background:url(../images/indexpro_bg.jpg) top center repeat-x; margin-top:60px; padding-top:20px;}
.width1{ min-width:360px; max-width:1200px; margin:0 auto; position:relative;}


.yx-rotaion{position: relative!important;width: 100% !important;height: 477px !important;float: left;margin:15px 0 0 15px!important; }

.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}

/*.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}*/

.yx-rotation-t{color:#fff;font-size:18px;font-family:microsoft yahei;z-index:2;top:17%;right:-220px;line-height:40px; width:340px; padding-bottom:10px;}

.yx-rotation-t:hover{ color:#fff;}

.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico3-24.png) no-repeat;display:block;}

.yx-rotation-focus{height:40px;line-height:40px;right:30px;bottom:7px;z-index:2;width: auto;}

.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:10px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}

.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}

.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}

.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}

.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:-286px; z-index:100000}

.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}

.yx-rotation-focus span.hover{background-position:-10px -126px}

.rotaion_list{width:0;height:0;}

.rotaion_list li a img{width:100%;height:477px;}

.rotaion_abou{ width:306px; height:200px; overflow:hidden; line-height:39px; font-size:15px; color:#fef7f3; position:absolute; right:-186px; top:28%; z-index:999;}

.index_promore{ height:33px; line-height:33px; border:1px solid #fff; padding:0 20px; font-size:14px; color:#fff; border-radius:50px; position:absolute; top:83%; left:40px;}

.index_promore:hover{ background:#fff; color:#ea6008;}
.width1{ min-width:360px; max-width:1200px; margin:0 auto; position:relative;}

.width2{ width:100%;}
.cxjs { line-height:30px; padding-top:10px; padding-bottom:35px; overflow:hidden}
.cxjs p{ text-indent:2em}
.cxjs ul li { width:366px; float:left; position:relative; margin:35px 50px 0 0}
.cxjs ul li img { width:100%; height:276px;}
.cxjs ul li a span { height:34px; line-height:34px; background:url(../images/1.png); text-align:center; width:100%; position:absolute; display: block; bottom:0; left:0; color:#fff; font-size:14px}
.cxjs ul li:hover a span { color:#00abeb}
.cxjs ul li.no { margin-right:0}
/*产品*/
.project-info {

    margin-top: 10px;

}



.project-info ul.project-con li {

    float: left;

    position: relative;

    width: 294px; height: auto; padding-bottom:15px; 
 margin-right: 7px; margin-top: 12px;
}
.project-info ul.project-con li.no { margin-right:0}


.project-info ul.project-con li img{ width:294px; height:252px;}

.project-info ul.project-con li a {

    display: block;

    background: #f6f6f6; color: #1b1b1b; height: auto;

}

.project-info ul.project-con li a .project-bg {

    position: absolute;

    top: 0;

    left: 0;

    display: none;

    width: 294px;

    height: 252px;

    background: rgba(10, 93, 154, 0.5);

}

.project-info ul.project-con li a:hover  { background:#00abeb; color:#fff;}
.project-info ul.project-con li a:hover .project-bg { display:block; z-index:100000;}



.project-info ul.project-con li h2 {

    padding-left: 19px; line-height:38px;

    font-size: 18px;

    font-weight: normal;

   

    word-break: break-all;

}



.project-info ul.project-con li p {

    padding-left: 15px; padding-right:15px;

    padding-bottom: 12px;

    font-size: 14px;

    

}



/*.project-info ul.project-con li a.cu {

    background: #d2b363;

    color: #fff;

}
*/


/*工程案例*/
#wrap{
	width: 1200px;
	height: auto;
	margin: 10px auto 35px; overflow:hidden
}
#wrap ul li .a1 img{
	width: 380px;
	height: 321px;
}
#wrap ul li{
	width: 380px;
	height: 321px;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 10px;
} 
#wrap ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 350px;
	height: 25px;
	padding: 10px 20px;
	background: #fafafa;
	text-align:center
}
#wrap ul li .a1 .divA>.p1{
	width: 312px;
	height: 32px;
	font-size: 18px;
    line-height: 30px;
    color: #666;
}
#wrap ul li .a1 .divA>.p2{
	width: 312px;
	height: 21px;
    font-size: 14px;
    color: #b4b4b4;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
	position: absolute;
	right: 0;
	bottom: 12px;
	width: 108px;
	height: 28px;
	color: #f60;
}
#wrap ul li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*遮罩层*/
#wrap ul li .a2{
	position: absolute;
	top: 0;
	left:-380PX;
	width: 380px;
	height:321px;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
#wrap ul li .a2 .p4{
	width: 380px;
	text-align: center;
	position: absolute;
	top: 34px;
	left: -380px;
	color: #00abeb;
	font-size: 24px;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
#wrap ul li .a2 .p5{
	width: 360px;
	text-align: center; padding:0 10px;
	line-height:20px ;
	position: absolute;
	top: 65px;
	left: -380px;
	margin: 30px  0 10px;
	font-size: 14px;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}
#wrap ul li .a2 .p6{
	position: absolute;
	top: 140px;
	left: 175px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{
	font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    color: white;
}
#wrap ul li .a2 .p7{
	position: absolute;
	bottom:-50px;
	left:30%;
	width: 160px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	margin: 10px auto;
	border: 1px solid;
	transition: all 0.2s 0.5s ;
}


/*jiameng.html*/

.jmzt01{ overflow:hidden; width:100%; height:748px; background:url(../images/top_001.jpg) no-repeat center top;}

.jmzt02{ overflow:hidden; width:100%; height:503px; background:url(../images/top_02.jpg) no-repeat center top;}



.jmzt03{ overflow:hidden; width:100%; height:576px; background:url(../images/xzbg.jpg) no-repeat center top; padding-top:60px;}

.jmzt03 .list{ overflow:hidden; width:480px; float:left; margin-left:90px; margin-bottom:100px;}

.jmzt03 img{ display:block; float:left}

.jmzt03 .wen{ overflow:hidden; float:left; margin-left:29px;}

.jmzt03 h3{ font-size:24px; color:#9e2022; margin:20px 0 0 0;}

.jmzt03 p{ font-size:16px; line-height:26px; color:#9e2022;}

.jmzt03 .jm03box{ overflow:hidden; width:1200px; margin:0 auto}



.jmzt04 { overflow:hidden; width:100%; height:675px; background:url(../images/qudao_bg.jpg) no-repeat center top;}

.jmzt04 .jm04box{ overflow:hidden; width:1200px; height: auto; position:relative; margin:0 auto; margin-top:206px;}
.jmzt04 .jm04box .kuaj { width:372px; float:left; margin-right:42px;}
.jmzt04 .jm04box .kuaj2 { margin-right:0; width:372px; float:left}

.jmzt04 .jm04box ul li { width:372px; float:left; margin-bottom:36px;}

.jmzt04 .jm04box ul li p {font-size:20px; line-height:25px; color:#000; width:235px;padding-left:110px;}
.jmzt04 .jm04box ul li .p01 { margin-top:35px;}
.jmzt04 .jm04box ul li .p001 { line-height:24px; font-size:14px; margin-top:15px;}
.jmzt04 .jm04box ul li.bj1 { background: url(../images/zlbj1.png) top left no-repeat; height:167px;}
.jmzt04 .jm04box ul li.bj2 { background: url(../images/zlbj2.png) top left no-repeat; height:357px;}
.jmzt04 .jm04box ul li.bj3 { background: url(../images/zlbj3.png) top left no-repeat; height:167px;}
.jmzt04 .jm04box ul li.bj4 { background: url(../images/zlbj4.png) top left no-repeat; height:167px;}
.jmzt04 .jm04box ul li.bj5 { background: url(../images/zlbj5.png) top left no-repeat; height:167px;}


.jmzt05 { overflow:hidden; width:100%; padding:60px 0 50px 0; background:url(../images/xl_bg.png) repeat left top;}

.jmzt05 h2{ text-align:center; margin-bottom:45px;}

.jmzt05 .jm05box{ overflow:hidden; width:1221px; margin:0 auto; height: auto;}

.jmzt05 .jm05box img{ display:block; float:left; margin:10px;}



.jmzt06 { overflow:hidden; width:100%; height:758px; background:url(../images/dian_bg.png) no-repeat center;}

.jmzt06 h2{ text-align:center; margin-top:125px; margin-bottom:50px;}

.jmzt06 .dian{ overflow:hidden; width:1200px; margin:0 auto; height:440px; position:relative}

.jmzt06 .dian i{ display:block; width:45px; height:86px; cursor:pointer; position:absolute; top:32%; z-index:2}

.jmzt06 .dian .btn01{ background:url(../images/dian01.png) no-repeat center top; left:0}

.jmzt06 .dian .btn02{ background:url(../images/dian01.png) no-repeat center bottom; right:0}

.jmzt06 .dianbox{ overflow:hidden; width:1040px; margin:0 auto; height:440px;}

.jmzt06 .dianbox .list{ background-color:#000; position:absolute}

.jmzt06 .dianbox .list img{ display:block; opacity:0.5; filter:alpha(opacity=50);}

.jmzt06 .dianbox .active{ background:none;box-shadow: 12px 11px 10px rgba(0,0,0,.65);}

.jmzt06 .dianbox .active img{ opacity:1; filter:alpha(opacity=100);}

.jmzt06 .dianbox .list p{ text-align:center; font-size:16px; color:#000; margin-top:10px;}

.jmzt06 .dianbox .list p a{ text-align:center; font-size:16px; color:#000; margin-top:10px;}



.jmzt07 { overflow:hidden; width:100%; height:709px; background:url(../images/sybg.jpg) no-repeat center top;}

.jmzt07 p{ font-size:20px; line-height:80px; color:#fff; margin-left:700px; margin-top:250px;}
.jmzt07_sj { display: none;}


.jmzt08 { overflow:hidden; width:100%; height:840px; background:url(../images/zc_bg.png) no-repeat center top;}

.jmzt08 h2{ text-align:center; margin-top:60px; margin-bottom:45px;}

.jmzt08 ul{ overflow:hidden; width:1224px; margin:0 auto;}

.jmzt08 li{ width:380px; height: auto; margin:10px; background-color:#fff; float:left; border:3px solid #fff;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/

}


.jmzt08 li p{ margin:0 auto; width:235px; text-align:center; font-size:14px; color:#333; line-height:20px;}

.jmzt008 { overflow:hidden; width:100%; height:606px; background:url(../images/xl_bg.png) repeat;}

.jmzt008 h2{ text-align:center; margin-top:60px; margin-bottom:45px;}

.jmzt008 ul{ overflow:hidden; width:1200px; margin:0 auto;}

.jmzt008 li{ width:220px; height: auto; margin:10px; background-color:#fff; float:left}

.jmzt008 li img{ width:100%}

.jmzt008 li p{ margin:0 auto; width:235px; text-align:center; font-size:14px; color:#333; line-height:20px;}


.jmjiange { height:60px; background:url(../images/jiange.png) repeat}
.jmzthz { overflow:hidden; width:100%; height:513px; background:url(../images/hzhbbg.jpg) repeat;}

.jmzthz h2{ text-align:center; margin-top:90px; margin-bottom:45px;}

.jmzthz ul{ overflow:hidden; width:1200px; margin:0 auto;}

.jmzthz li{ width:180px; height: auto; margin:10px; background-color:#fff; float:left; text-align: center}


.jmzthz li p{ margin:0 auto; width:180px; text-align:center; font-size:14px; color:#333; line-height:20px;}


.jmzt009 { overflow:hidden; padding:65px 0 45px 0; background:url(../images/cpdb_bg.png) no-repeat left top;}

.jmzt009 h2{ text-align:center; margin-bottom:35px;}

.jmzt009 .cpdb { padding:30px 0; margin:0 auto; width:1200px;}


.jmzt09 { overflow:hidden; padding:65px 0 45px 0; background: url(../images/mtbdbj.jpg) top center no-repeat; height:670px;}

.jmzt09 h2{ text-align:center; margin-bottom:35px;}

.jmzt09 .cgbox{ overflow:hidden; width:1220px; margin:0 auto;}

.jmzt09 .list{ overflow:hidden; width:590px; margin:10px; height:220px; background-color:#fff; float:left; position:relative}

.jmzt09 .list img{ display:block; float:left}

.jmzt09 .wen{ overflow:hidden; width:275px; float:left; margin-left:25px; margin-top:50px;}

.jmzt09 .wen h3{ font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:25px;}

.jmzt09 .wen h3 a{ color:#005bac;}

.jmzt09 .wen p{ font-size:14px; line-height:20px; color:#666; height:60px; overflow:hidden; text-align:justify;}

.jmzt09 .more{ display:block; position:absolute; right:0; bottom:0; width:25px; height:25px; background:url(../images/cg_s.png) no-repeat center;}



.jmzt10 { overflow:hidden; width:100%; height:522px; background:url(../images/lybg.jpg) no-repeat center top;}

.jmzt10 .wen { overflow:hidden; float:left; width:415px; margin-top:160px;}

.jmzt10 h2{ font-size:38px; color:#ffbb32;}

.jmzt10 span{ display:block; font-size:24px; color:#ffbb32; text-align:center; width:380px; height:39px; line-height:39px; border:1px solid #ffbb32; margin:5px 0 20px 0;}

.jmzt10 p{ font-size:17px; color:#fff; margin-bottom:5px;}

.jmzt10 em{ display:block; font-size:28px; color:#fff; margin-bottom:40px;}

.jmzt10 .phone{ padding-left:65px; background:url(../images/ly_p.png) no-repeat left center;}

.jmzt10 b{ font-weight:normal; font-size:14px; color:#fff; display:block;}

.jmzt10 h3{ font-weight:normal; font-size:28px; color:#ffbb32;}

.jmzt10 .lybox{ overflow:hidden; float:right; width:415px; margin-top:160px;}

.jmzt10 input{ padding-left:55px; width:360px; height:50px; line-height:50px; font-size:13px; color:#999; border:none; margin-bottom:10px; outline:none}

.jmzt10 .name{ background:url(../images/ly01.png) no-repeat left center; background-color:#fff}

.jmzt10 .pho{ background:url(../images/ly02.png) no-repeat left center; background-color:#fff;}

.jmzt10 textarea{ padding:10px; padding-left:55px; width:350px; height:85px; font-size:13px; color:#999; border:none; margin-bottom:10px; resize:none; background:url(../images/ly03.png) no-repeat left top; background-color:#fff; outline:none}

.jmzt10 .tj1{ display:block; width:160px; height:50px; background-color:#ffbb32; text-align:center; line-height:50px; text-decoration:none; font-size:18px; color:#1a2880;}


 
/*lianxi.html*/
.lx-info { overflow:hidden; width:100%; height:273px;}
.lx-info h3{ text-align:center; font-size:22px; color:#555; margin-top:50px; font-weight:normal; line-height:35px;}
.lx-info em{ display:block; text-align:center; font-size:12px; color:#999; font-family:Arial; margin-bottom:45px;}
.lx-info ul{ overflow:hidden; width:1200px; margin:0 auto;}
.lx-info li{ float:left; width:350px; overflow:hidden; float:left; font-size:14px; line-height:30px; color:#555; border-right:1px solid #d3d3d3}
.lx-info li img{ margin-right:5px;}
.lx-info .li02{ padding-left:50px; width:339px;}
.lx-info .last{ padding-left:50px; width:310px; border:none;}

.lx-menu { overflow:hidden; width:1200px; height:50px; margin:0 auto; margin-top:-25px; position:relative; z-index:2;}
.lx-menu li{ float:left; width:199px; cursor:pointer; height:50px; text-align:center; line-height:50px; font-size:14px; color:#fff; margin-right:1px; background-color:#1144a3;}
.lx-menu .cur{ background-color:#37c663;}

.lx-box { overflow:hidden; width:100%; height:600px; margin-top:-25px; position:relative; z-index:1}
.lx-box .lx-list{ overflow:hidden; width:100%; height:600px;}   

/*在线留言*/

.m_msg{ padding-bottom: 100px; }

.m_msg h2{ font-size: 36px; text-align: center; margin: 30px 0 60px; }

.m_msg .top1{ margin-bottom: 27px; }

.m_msg .top1 .item{ position: relative; border: 1px solid #dedede; overflow: hidden; width: 31%; float: left; margin-left: 3.5%; height: 42px; box-sizing: border-box; }

.m_msg .top1 .item:first-child{ margin-left: 0; }

.m_msg .top1 .item span,.m_msg .msg span{ max-width: 60px; display: block; position: absolute; height: 100%; width: 23%; height: 100%; font-size: 0; }

.m_msg .top1 .item input{ padding-left: 10px; float: right; width: 77%; font-size: 16px; color: #666; box-sizing: border-box; border: none; height: 40px; line-height: 40px; }

.m_msg .name span{ background: #e7e8ec url(../images/icon33.png) center no-repeat;}

.m_msg .email span{ background: #e7e8ec url(../images/icon34.png) center no-repeat;}

.m_msg .mobile span{ background: #e7e8ec url(../images/icon35.png) center no-repeat;}

.m_msg .msg span{ width: 10.9%; background: #e7e8ec url(../images/icon36.png) center no-repeat;}

.m_msg .msg{ float: left; position: relative; width: 65.5%; height: 200px; box-sizing: border-box; border: 1px solid #dedede; }

.m_msg .msg textarea{ font-size: 16px; line-height: 22px; width: 89.1%; float: right; border: none; height: 198px; padding: 5px; box-sizing: border-box; }

.m_msg .text{ padding-top: 20px; width: 31%; margin-left: 3.5%; float: left; color: #666; }

.m_msg .text .red{ color: #b20d0b; margin: 14px 0 57px; }

.weixin{ width:24px; height:24px; margin:0 auto;position:relative; font-size:12px; text-align:center; z-index:10000000}
.weixin a{width:24px; height:24px; display:block; position:absolute; left:0; top:0;background:url(../images/top9.png) no-repeat center top; }
.weixin .weixin_nr{width:100px; height: auto; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px; width:100%}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/top9.png) no-repeat center top;}

.m_msg .text .btn input{ cursor: pointer; border: none; width: 92px; height: 35px; font-size: 16px; color: #fff; padding: 0; text-align: center; background: #999; margin-right: 10px; }

.m_msg .text .btn input[type="submit"]{ background: #b20d0b; }

.jmzt09 .cgboxpc { display: none;}





@media (max-width:1024px ) {
.w1150 { width:100%}
.top { height:3rem; background:#00abeb;}
.top .hy { width:15rem; float: left; line-height:3rem; color:#fff; font-size:1rem}
.top .right { width:12rem; padding-top:0.5rem; float:right}
.top .right .tb { width:2rem; margin-right:1rem; float:left}
.top .right .tb img { width:100%}
#topToolbar{
	
	width:100%; height:3.4rem;
	position: absolute;  left:0; z-index:10000;
	
}
.header { height:3.4rem;background-color:rgba(255,255,255,0.99); border-bottom:1px solid #ccc; padding-top:0.3rem; width:100%;}
.header .head { width:100%; margin:0 auto;}
.header .head.weizhi { width:100%; position:relative;}
.header .head .logo {width:11rem; height: auto; float:left;}
.header .head .logo img { width:100%}
.header .head .dh {width:6rem; margin-left:0px; float: right; margin-top:0.1rem;}

.menu{width:100%; height:auto; overflow:hidden; float:right; margin-left:0; background:#fff}

.menu.on{position:relative;}
.menu p{position:relative; height:50px; border-bottom:1px solid #ccc;}
.menu span{width:40px; height:40px; font-size:18px; line-height:40px; text-align:center; color:#333; display:block; position:absolute; top:5px; right:0; border-left:1px solid #ccc;}
.menu span.ch{display:none;}
.menu ul{width:100%; border-top:1px solid #ccc; display:none;}
.menu ul li{width:100%; height:auto; text-align:left; font-size:12px; line-height:50px; border-right:0;}
.menu ul li a{padding:0 5%; display:inline-block;}
.menu ul li.jian { background: none; }
.menu ul li a:hover{ border-bottom: none; color:#1a3296;}
.menu .ej{width:100%; text-align:left; background-color:#fff; display:none;}
.menu .ej a{display:block; height:50px; padding:0 8%; font-size:12px; line-height:50px; border-bottom:1px solid #ccc;}
.menu ul li:hover .ej a{background-color:#fff; color:#666; padding:0 8%}
.menu ul li:hover .ej a:hover{ color:#fff;border-bottom:1px solid #ccc;}
.menu ul li:hover .ej{display:none;}

.nav{display:block; width:11%; float:right;}
.nav img{width:100%; height:auto;}



.ml-title{font-size: 32px;color: #333;font-weight: bold;text-align: center;margin:25px 0 25px;cursor: pointer;}

.ml-title span{display: block;width: 39px;height: 3px;margin:12px auto 0;background: #3392dc;}



.wrapper{ width:96%; margin:0 auto; padding:0;}


.about_box{ overflow:hidden; padding:3rem 0;}
.about_box .about_desc{ width:100%; margin-bottom:1.5rem}
.about_box .about_desc .a_d_img{ height: 15rem; }

.about_box .about_desc .a_d_img img{width: 100%;}

.about_box .about_desc .a_title{display:none; position:absolute; top:2.5rem; left:2rem; width:15rem; height:6.5rem; z-index:99; background:#448aff; color:#FFF;}

.about_box .about_desc p{ padding:1rem 2rem; line-height:2rem; font-size:1.2rem}

.about_box .about_desc .a_more{ width:7rem; height:2.2rem; margin:0 auto;}

.about_box .about_right{ width:30.5rem; float:right;}

.about_box .about_right .history{ width:30.5rem; height:23rem; background:#448aff;  position: relative;}

.about_box .about_right .history .bd{ position:relative; z-index:0; padding:2rem 6rem; background:#448aff}

.about_box .about_right .history .bd .h_box{ overflow:hidden;}

.about_box .about_right .history .bd .h_box dl{text-align:center; font-size:2.5rem; color:#fff; padding:0 0 1.5rem; margin:0;}

.about_box .about_right .history .bd .h_box dt{ background:url(../images/h_li_icon.jpg) left center no-repeat;}

.about_box .about_right .history .bd .h_box dd{ line-height:2rem; display:block; font-size:1.2rem}

.about_box .about_right .history .next,.about_box .about_right .history .prev{ position:absolute; top:50%; margin-top:-25px; display:block; width:30px; height:30px;filter:alpha(opacity=50);opacity:0.5; transition:0.5s;}

.about_box .about_right .history .next{ background:url(../images/h_left.jpg) no-repeat; left:0;}

.about_box .about_right .history .prev{ background:url(../images/h_right.jpg) no-repeat; right:0;}

.about_box .about_right .history .prevStop{ display:none; }

.about_box .about_right .history .nextStop{ display:none; }


.about_box .about_right .a_icon{ overflow:hidden; margin-top:2.8rem;}

.about_box .about_right .a_icon ul{ margin:0; padding:0; text-align:center; width:100%; overflow:hidden;}

.about_box .about_right .a_icon ul li{ width:30.33333%; height:10rem; float:left; margin-right:1.5%; margin:0 1.5%}

.about_box .about_right .a_icon ul li a{ color:#FFF; font-size:1.2rem;}

.about_box .about_right .a_icon ul li a font{ display:block; line-height:2rem; padding:1.5rem 0; font-size:1.2rem}

.about_box .about_right .a_icon ul li a img{ margin:1.5rem auto 0; width:5rem; height:4.5rem;}


/*新闻*/
.i_main03{margin-bottom:3rem;}
.i_main03 .i_main03_box li.even .i_news_img{ display:none}
.i_main03 .i_main03_box .i_news_img{width:100%;height:0;padding-bottom:60%;overflow:hidden;}
.i_main03 .i_main03_box .i_news_text{padding:1.5rem 1rem;position:relative;}
.i_main03 .i_main03_box .i_news_text ._title{font-size:1.6rem;color:#000000;height: auto;overflow:hidden;margin-bottom:1rem;}
.i_main03 .i_main03_box .i_news_text ._text{color:#9e9d9d;height: auto;overflow:hidden;margin-bottom:1rem; font-size:1.2rem}
.i_main03 .i_main03_box .i_news_text ._time{color:#9e9d9d; font-size:1rem}

.i_main03 .i_main03_box .i_news_text:after{content:"";width:0;height:0;border-style:solid;border-color:transparent transparent #ffffff transparent;display:block;position:absolute;top:-24px;left:60px;border-width:12px;}
.i_main03 .i_main03_box li.even .i_news_text:after{border-color:#ffffff transparent transparent transparent;top:100%;}



/*列表*/
.scrollBox {width: 100%; margin:0px auto;position: relative; }
.scrollBox .piclist {overflow: hidden;zoom: 1;}
.scrollBox .ohbox {overflow: hidden;position: relative;width: 100%;}
.scrollBox {position: relative;overflow: hidden;zoom: 1;}
.scrollBox .piclist li {float: left;display: inline;width: 100%;background:#FFF;}
.scrollBox .pageBtn span {display: block;width: 3.7rem;height: 5.9rem;position: absolute;top: 43.5rem;cursor: pointer;text-indent: -999em;overflow: hidden;background-size:5.9rem}
.scrollBox .pageBtn .prev {left:35%;background: url(../images/feel3.png) no-repeat;}
.scrollBox .pageBtn .next {right:25%;background: url(../images/feel4.png) no-repeat;}
.scrollBox .pageBtn .list {overflow: hidden;zoom: 1;margin: 1rem 0 0 38%;}
.scrollBox .pageBtn .list li {background:#021523;float: left;display: inline;width: 1.3rem;height: 1.3rem; border-radius:50%;cursor: pointer;margin-left: 1rem;line-height: 10000px;overflow: hidden;}
.scrollBox .pageBtn .list li.on {background:#009ae1;}

.liebiao { width:100%; background:#fff; padding:5rem 0px 2rem 0px; }
.liebiao .zjsy1 { width:100%; margin:0px auto; background:#FFF;}
.liebiao .zjsy1 .ttt { width:100%; float:left;}
.liebiao .zjsy1 .ttt img { width:100%; height:auto;}
.liebiao .zjsy1 .zzz { width:100%; float:right; padding-right:0px; padding-top:4rem;}
.liebiao .zjsy1 .zzz h3 { font-size:2.4rem; line-height:4rem; text-align:center}
.liebiao .zjsy1 .zzz p { font-size:1.2rem; line-height:3.8rem; text-align:center}
.liebiao .zjsy1 .zzz .xiang a {width:12rem; margin:1.5rem auto 0; background: #3366CC; height:3.5rem; line-height:3.5rem; font-size:1.4rem; color:#fff; display:block; text-align:center}


.syContent01 {
    padding:2rem 0;
}
.syContent01 .wrapper{width:100%; margin:0 auto}
.syContent01{padding:2rem 0;}
.syContent01 .wenz{z-index:2;padding-bottom:2.5rem;position:absolute;bottom:0;left:0;width:100%;}
.syContent01 .wenz .f30{color:#fff;padding-bottom:1.2rem;}
.syContent01 .wenz p{font-size:1.2rem;max-width:425px;line-height:1.5rem;color:#fff;height:2rem;display:none;}

.syContent01 .padBox{padding:0 2.8rem;}

.syContent01 .picBox{width:49.3%;}
.syContent01 .fullpic{}
.syContent01 .fullpic .wenz{color:#fff;top:3rem;position:absolute;width:100%;text-align:center;}
.syContent01 .fullpic .wenz p{max-width:100%;font-size:1.4rem;}
.syContent01 .wenz.btm50{padding-bottom:3.5rem;}
.mart20 {
    margin-top: 1.8rem;
}
.f30 {
    font-size: 2rem;
    padding-bottom:1rem;
    color: #333;
}
/* start footer */
.contentb {
    width:98%;
    margin: 0 auto;
}
.footer_bg{
    background: #000000; width:100%; overflow:hidden; padding:2rem 0; padding-top:0px
}
.footer { width:100%; margin:0 auto; padding:1rem 0}
.footer .zuo3{display:none}

.footer .you3 { width:100%; float: none;}
.footer .you3 .weixin { display:none}
.footer .you3 .weixin2 {  width:100px; margin:0 auto; padding-top:10px;line-height:30px; color:#fff; text-align:center; display:block}
.footer .you3 .dian { width:90%; float: none; margin:0 auto; overflow:hidden}
.footer .you3 .dian h2 { font-size:2.5rem; line-height:3.2rempx; color:#fff; text-align:center}
.footer .you3 .dian p { line-height:2rem; font-size:1.2rem; color:#fff; text-align:center}
.footer_btm {
    margin-top:0.5rem;
    padding-top: 3%;border-top: 3px solid #222222; width:100%;
}
.copy {
    float: left; width:100%;
}
.copy p {
    font-size: 1rem;
}
/*内页*/
.nban { width:100%; height:15rem; position:relative; background-position:left; background-size: cover}
.nbanbj { width:100%; height:15rem; position:absolute; top:0}
.nban_tit{ width:90%; margin:5rem auto 0; height:9rem; line-height:5rem; text-align:center; color:#00abeb }
.nban_titxw{ width:90%; margin:5rem auto 0; height:9rem; line-height:5rem; text-align:center; color:#00abeb; padding-right:0;}
.nban_titgc{ width:90%; margin:5rem auto 0; height:9rem; line-height:5rem; text-align:center; color:#00abeb; padding-left:0;}
.nban_titus{ text-align:center; font-size:2rem; }
.size2 { font-size:2.8rem;}

.nlmtit { width:100%; height: auto; text-align:center; margin-top:2rem}
.nlmtit ul { text-align:center}
.nlmtit ul li { height:3rem; margin:0 0.5rem;display:inline-block; margin-bottom:1.5rem}
.nlmtit ul li a {line-height:3rem; color:#333;display:inline-block; text-align:center; font-size:1.2rem; padding:0 1rem; border-radius:3rem; background:#eee; border:#ccc 1px solid}


.ncontent { margin:2.5rem auto 0; width:96%;}
.case_t1 { text-align:center}
.case_t1 p{

	font-size: 2.5rem;

	color: #333;

	display: inline-block;

	border-bottom: 1px solid #cccccc;

	margin: 0rem auto 1rem;

	padding: 1rem 0 1rem; text-align:center;

}
.case_t2 {

	text-align: center;

	color: #666;

	margin-bottom: 3rem; font-size:1rem

}
.qyjjl { width:100%; float:left}
.qyjjr { width:100%; line-height:2.8rem; font-size:1.2rem; float:right}
/*qiyewenhua*/

.gybe-main{margin-top:0px;}
.gybe-main li{float: left;width:45%;height: auto;margin-right:2%; margin:0 2% 1.5rem}
.gybe-main li.no{margin-right:2%;}

.gybe-main .gm-font1{color:#0351c6;font-size: 1.5rem;text-align: center; font-weight:bold}
.gybe-main .gm-font2{color:#333;font-size: 1.2rem;text-align: center;margin-top: 1rem; height:4.5rem}

/*厂区展示*/


.changq {position:relative; margin-top:1rem;}
.changq .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:-0px; top:50%; margin-top:-20px; z-index:10000}
.changq .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:0px; top:50%; margin-top:-20px; z-index:10000}
.changq .bd {width:100%; margin:0 auto;}
.changq .bd ul li{display:inline-block; width:100%; float:left; }
.changq .bd ul li .skzs { width:46%; float:left; margin-right:2%; margin:0 2% 1.5rem;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; border:#ccc 1px solid; padding:0.5rem; overflow:hidden}
.changq .bd ul li .skzs.no { margin-right:2%}
.changq .bd ul li .skzs img {width:100%; height:auto;margin-bottom:1.5rem;}

.changq .bd ul li .skzs .tit a { font-weight:normal; font-size:1.4rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:0.5rem;color:#333;}
.changq .bd ul li .skzs span { display:block; font-size:1.2rem; color:#777; line-height:2.3rem; margin-bottom:1.5rem;}
.changq .bd ul li .skzs .procase_tu03 a{ width:7rem; height:2.3rem; border:1px solid #d2d2d4; display:inline-block; line-height:2.3rem; margin: 1rem auto; border-radius: 50px; text-transform:uppercase; font-size:1rem; text-align:center; display:block}

/**/

#wrap{
	width:100%; height:auto;
	margin:1.5rem auto;
}
#wrap ul li .a1 img{
	width: 100%; height:auto;

}
#wrap ul li{
	width:48%;
	height: auto; overflow:hidden;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	margin:0.5rem 1%;transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;
} 


#wrap ul li .a1 .divA{
	position: static;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2rem;
	padding:0 1rem;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;
	background: #eee;
}







#wrap ul li .a1 .divA>.p1{
	width: 100%;
	height: 1.8rem;
	font-size: 1.4rem;
    line-height:1.8rem;
    color: #666;
}
#wrap ul li .a1 .divA>.p2{
	width: 100%;
	height:1.8rem;
    font-size: 1.2rem;
    color: #b4b4b4;
    line-height:1.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
	position: absolute;
	right: 0;
	bottom:1rem;
	width:6rem;
	height: 2.5rem;
	color: #f60;
}
#wrap ul li .a1 .divA>.p3>span{
	font-size: 2.1rem;
	font-weight:800;
}
/*遮罩*/
#wrap ul li .a2{
	position: absolute;
	top: 0;
	left:-100%;
	width: 100%;
	height:100%;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
#wrap ul li .a2 .p4{
	width: 100%;
	text-align: center;
	position: absolute;
	top:1rem;
	left: -100%;
	color: #00abeb;
	font-size:1.4rem;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
#wrap ul li .a2 .p5{
	width: 100%;
	text-align: center;
	line-height:1.5rem;
	position: absolute;
	top:3rem;
	left: -100%;
	margin:0.8rem 0 0.5rem; padding:0 0.5rem;
	font-size: 1rem; font-size:1rem;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}
#wrap ul li .a2 .p6{
	position: absolute;
	top: 8rem;
	left: 30%;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{
	font-family: Arial;
    font-size: 3rem;
    font-weight: 700;
    color: white;
}
#wrap ul li .a2 .p7{ display:none
}
/*产品*/
.project-info {margin-top:1rem;}
.project-info ul.project-con li {

    float: left;

    position: relative;

    width:46%; height: auto; padding-bottom:1.5rem; 
 margin-right:2%; margin-top:1.2rem; margin:1.2rem 2% 0
}
.project-info ul.project-con li.no { margin-right:2%}
.project-info ul.project-con li img{ width:100%; height: auto;}
.project-info ul.project-con li a .project-bg {

    position: absolute;

    top: 0;

    left: 0;

    display: none;

    width: 100%;

    height: auto;

    background-color: rgba(10, 93, 154, 0.5);
}

.project-info ul.project-con li h2 {

    padding: 0 0.8rem; line-height:2.5rem;
	height:2.5rem;
    font-size: 1.2rem;

    font-weight: normal;
    word-break: break-all;

}
.project-info ul.project-con li p {

    padding-left: 1rem; padding-right:1.2rem;

    padding-bottom:1rem;

    font-size: 1rem;  

}
/*rongyu*/
.honor-box { overflow:hidden; width:100%; margin:0 auto; padding:0 0; padding-bottom:0rem; background: none; margin-bottom:2rem;}


.honor-box .honor-list{ overflow:hidden; width:30.3333%; margin:0 1.5%; float:left;}

.honor-box .honor-list img{ display:block; padding:0; width:100%; height:7rem; background:url(../images/ry-k.png) no-repeat center top; margin-bottom:1.5rem;}

.honor-box .honor-list span{ display:block; text-align:center; font-size:1rem; color:#555; white-space:nowrap;}

/*技术研发*/
.qyzl { padding-top:1.2rem;}
.zl1 { width:100%; float:left; margin-right:0; margin-bottom:1.5rem; position:relative; border-radius:0.6rem;}
.zl1 img { width:100%; border-radius:0.6rem 0.6rem 0 0;}
.zl1 .tit0 { line-height:2.5rem; font-size:1.4rem; color:#fff; padding:0 2rem}
.zl1 .nr0 { line-height:2rem; font-size:1.2rem; color:#fff;padding:0.5rem 2rem 1.5rem;}
.zl2 .tit0 { line-height:2.5rem; font-size:1.4rem; color:#fff; padding:0 2rem}
.zl2 .nr0 { line-height:2rem; font-size:1.2rem; color:#fff;padding:0.5rem 2rem 1.5rem;}

.zl1 .hov {border-radius:1.6rem;padding:1.5rem 2rem;}
.zl2 img { width:100%; border-radius:0.6rem;}
.zl1 .tit1 { line-height:2.5rem; margin-top:1.8rem; font-size:1.4rem; z-index:101;}
.zl1 .neir { line-height:2rem; font-size:1.2rem; margin-top:1.8rem; z-index:101}
.zl1.lv { background:#1d954e}
.zl1.no { margin-right:0; background:#836db5}
.zl2 {  width:100%; float:left; margin-right:0; margin-bottom:1.5rem; position:relative; border-radius:0.6rem;}

.zl2 .hov {border-radius:1.6rem;padding:1.5rem 2rem;}
.zl2:hover .hov { display:block}

.zl2 .tit1 { line-height:2.5rem; margin-top:1.8rem; font-size:1.4rem; z-index:101;}
.zl2 .neir { line-height:2rem; font-size:1.2rem; margin-top:1.8rem; z-index:101}
.zl2.no { margin-right:0; background:#b33334}
.qyzl ul li { width:224px; float:left; position:relative; margin:0 20px 30px 0}
.qyzl ul li img { width:100%; height:124px;}
.qyzl ul li a span { height:32px; line-height:32px; background:url(../images/1.png); text-align:center; width:100%; position:absolute; display: block; bottom:0; left:0; color:#fff; font-size:14px}
.qyzl ul li:hover a span { color:#00abeb}
.qyzl ul li.no { margin-right:0}


.index_pro{ position:relative;height: auto;}

.index_pro_tu { width:100%; height: auto;position:relative;}

.index_pro_abo{ width:100%; height:20rem; background:url(../images/index_probg.png) left center no-repeat; position:absolute; background-size:cover; top:17rem; right:0;}

.proj_case{ background:url(../images/indexpro_bg.jpg) top center repeat-x; margin-top:5rem; padding-top:1.5rem;}


.yx-rotaion{position: relative!important;width: 100% !important;height:36rem !important;float: left;margin:1rem auto 0!important; }

.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}

/*.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}*/

.yx-rotation-t{color:#fff;font-size:1.4rem;font-family:microsoft yahei;z-index:2;top:17.5rem;right:0px;line-height:3rem; width:100%; padding-bottom:1rem; padding:0 1rem 1rem; border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}


.rotaion_list li a img{width:100%;height: auto;}

.rotaion_abou{ width:100%; height:9.5rem; overflow:hidden; line-height:2.2rem; font-size:1.2rem; color:#fef7f3; position:absolute; right:0; top:20rem; z-index:999; padding:1rem; border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}

.cxjs { line-height:2.5rem; padding-top:1rem; padding-bottom:3rem; overflow:hidden}
.cxjs p{ text-indent:2em; font-size:1.2rem}
.cxjs ul li { width:100%; float:left; position:relative; margin:1.5rem auto}
.cxjs ul li img { width:100%; height: auto;}
.cxjs ul li a span { height:3rem; line-height:3rem; background:url(../images/1.png); text-align:center; width:100%; position:absolute; display: block; bottom:0; left:0; color:#fff; font-size:1.2rem}
.cxjs ul li:hover a span { color:#00abeb}
.cxjs ul li.no { margin-right: auto}

 
/*lianxi.html*/
.lx-info { overflow:hidden; width:100%; height: auto;}
.lx-info h3{ text-align:center; font-size:2rem; color:#555; margin-top:1rem; font-weight:normal; line-height:3rem;}
.lx-info em{ display:block; text-align:center; font-size:1rem; color:#999; font-family:Arial; margin-bottom:1rem;}
.lx-info ul{ overflow:hidden; width:100%; margin:0 auto;}
.lx-info li{ float:left; width:100%; overflow:hidden; float:left; font-size:1.2rem; line-height:2.5rem; color:#555; border-right:1px solid #d3d3d3}
.lx-info li img{ margin-right:0.5rem;}
.lx-info .li02{ padding-left:0; width:100%;}
.lx-info .last{ padding-left:0; width:100%; border:none;}

.lx-menu { overflow:hidden; width:1200px; height:50px; margin:0 auto; margin-top:-25px; position:relative; z-index:2;}
.lx-menu li{ float:left; width:199px; cursor:pointer; height:50px; text-align:center; line-height:50px; font-size:14px; color:#fff; margin-right:1px; background-color:#1144a3;}
.lx-menu .cur{ background-color:#37c663;}

.lx-box { overflow:hidden; width:100%; height:600px; margin-top:-25px; position:relative; z-index:1}
.lx-box .lx-list{ overflow:hidden; width:100%; height:600px;}   

/*在线留言*/

.m_msg{ padding-bottom: 6rem; }

.m_msg h2{ font-size:2.6rem; text-align: center; margin: 2rem 0 3rem; }

.m_msg .top1{ margin-bottom: 2.3rem; }

.m_msg .top1 .item{ position: relative; border: 1px solid #dedede; overflow: hidden; width:100%; float: left; margin-left: 0; height:3.8rem; box-sizing: border-box; margin-bottom:0.5rem }

.m_msg .top1 .item:first-child{ margin-left: 0; }

.m_msg .top1 .item span,.m_msg .msg span{ max-width: 60px; display: block; position: absolute; height: 100%; width: 23%; height: 100%; font-size: 0; }

.m_msg .top1 .item input{ padding-left: 10px; float: right; width: 77%; font-size: 1.4rem; color: #666; box-sizing: border-box; border: none; height: 3rem; line-height: 3rem; }

.m_msg .name span{ background: #e7e8ec url(../images/icon33.png) center no-repeat;}

.m_msg .email span{ background: #e7e8ec url(../images/icon34.png) center no-repeat;}

.m_msg .mobile span{ background: #e7e8ec url(../images/icon35.png) center no-repeat;}

.m_msg .msg span{ width: 10.9%; background: #e7e8ec url(../images/icon36.png) center no-repeat;}

.m_msg .msg{ float: left; position: relative; width:100%; height:15rem; }

.m_msg .msg textarea{ font-size: 1.4rem; line-height: 2rem; width: 89.1%; float: right; border: none; height: 14rem; padding: 0.5rem; box-sizing: border-box; }

.m_msg .text{ padding-top: 1.5rem; width:100%; margin-left:0; float: left; color: #666; font-size:1.2rem }

.m_msg .text .red{ color: #b20d0b; margin: 14px 0 57px; }

.m_msg .text .btn input{ cursor: pointer; border: none; width:8rem; height: 3.2rem; font-size: 1.4rem; color: #fff; margin-right: 1rem; }


/*新闻内页*/

.index_news{  width:100%; margin:0 auto}

.index_newsl { width:100%; float:left}
.tuwen { width:48%;}
.tuwen .tu { width:100%;}
.tuwen .tu img { width:100%; border:#fff 3px solid; height:auto }
.tuwen .tit{ color:#333; line-height:2rem; position:relative}
.tuwen .tit a { color:#333; font-size:1.2rem}
.tuwen .time { display:none}
.index_news_tits{ width:auto;}

.index_Excit{ width:100%; float:right; margin-top:1.5rem}
.index_Excit .rq { width:5rem; height:5.5rem;}
.index_Excit .rq .da { line-height:2.5rem; border-bottom:#fff dashed 1px; font-size:1.8rem; color:#fff; text-align:center}
.index_Excit .rq .xiao { line-height:2rem; color:#fff; font-size:1rem; text-align:center}
.index_Excit .biaot { width:25rem; float:right;}
.index_Excit .biaot .tit a { line-height:2.1rem; font-size:1.3rem; color:#001a3d; font-weight:bold}
.index_Excit .biaot .nr { padding-top:6px; color:#333; font-size:1.2rem; line-height:2rem; margin-bottom:0px}

  
/*新闻中心*/

.newsp02 {position:relative; margin-top:35px;}
.newsp02 .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:0; top:50%; margin-top:-20px; z-index:10000}
.newsp02 .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:0; top:50%; margin-top:-20px; z-index:10000}
.newsp02 .bd {width:1200px; margin:0 auto;}
.newsp02 .bd ul li{display:inline-block; width:360px; float:left; margin:0 20px; }
.newsp02 .bd ul li img {width:100%; height:auto;margin-bottom:30px;}
.newsp02 .bd ul li h4{ font-weight:normal; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;}
.newsp02 .bd ul li h4 a{ color:#333;}
.newsp02 .bd ul li span { display:block; font-size:14px; color:#777; padding-bottom:18px; border-bottom:1px solid #e2e2e2; margin-bottom:20px;}
.newsp02 .bd ul li p{ font-size:14px; line-height:22px; color:#666; height:66px; overflow:hidden; text-align:justify;}

.newsp02 .bd ul li .wz { width:100%; padding:8px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; text-align: left }
.newsp02 .bd ul li .wz h3 { font-size:16px; color:#333; line-height:35px;}
.newsp02 .bd ul li .wz span { font-size:12px; line-height:26px; color:#666666}
.xx41 li{ display:inline-block;}

.yingxiang { overflow:hidden; width:100%; margin:0 auto 40px;}

.yingxiang .yxbox{ overflow:hidden; margin-top:2rem;}

.yingxiang .listbg{ overflow:hidden; width:100%; height: auto; float:left; position:relative; margin-right:0; margin-bottom:1.5rem}

.yingxiang .listbg img{ display:block; width:100%}

.yingxiang .listbg .name{ overflow:hidden; width:100%; height:4rem; background:url(../images/index04.png) repeat center; position:absolute; left:0; bottom:0;}

.yingxiang .listbg h3{ font-size:1.4rem; color:#fff; float:left; line-height:4rem; margin-left:2rem;}

.yingxiang .listbg .name img{ float:right; margin-right:1.5rem; margin-top:1rem; width:30px}

.yingxiang .listbg a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}


.yingxiang .listbg1{ overflow:hidden; width:100%; height: auto; float:left; position:relative; margin-right:0; margin-bottom:1.5rem}
.yingxiang .listbg1 img{ display:block; width:100%}

.yingxiang .listbg1 .name{ overflow:hidden; width:100%; height:4rem; background:url(../images/index04.png) repeat center; position:absolute; left:0; bottom:0;}

.yingxiang .listbg1 h3{ font-size:1.4rem; color:#fff; float:left; line-height:4rem; margin-left:2rem;}

.yingxiang .listbg1 .name img{ float:right; margin-right:1.5rem; margin-top:1rem; width:30px}

.yingxiang .listbg1 a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}







.yingxiang .listsm{ overflow:hidden; width:100%; height: auto; float:right;position: relative;}

.yingxiang .listsm .slists{ overflow:hidden; width:100%; height:11rem; margin-bottom:1rem;}

.yingxiang .listsm .slists .tu{ display:block; float:left; width:40%; height: auto; position:relative}

.yingxiang .listsm .slists .tu img{ display:block; width:100%; height:10rem}

.yingxiang .listsm .slists .tu .icon{ position:absolute; left:4rem; top:3rem;width:60px; height:60px;}

.yingxiang .listsm .slists .wen{ overflow:hidden; width:60%; height:10rem; border:1px solid #cecece; border-left:none; padding:0 1.5rem;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; }

.yingxiang .listsm .slists h3{ font-size:1.4rem; text-align:justify; line-height:2rem; height: auto; margin-bottom:1rem; margin-top:1.5rem; overflow:hidden}

.yingxiang .listsm .slists h3 a{ color:#333}

.yingxiang .listsm .slists em{ font-size:1rem; color:#888; padding-left:16px; background:url(../images/index_time.png) no-repeat left center;}

/*jiameng.html*/

.jmzt01{ overflow:hidden; width:100%; height:19rem; background-image:url(../images/top_001_pc.jpg); background-repeat:no-repeat; background-size:cover}

.jmzt02{ overflow:hidden; width:100%; height:503px; background:url(../images/top_02.jpg) no-repeat center top;}



.jmzt03{ overflow:hidden; width:100%; height:15.7rem; background-image:url(../images/xzbg_pc.jpg) ; padding-top:0.5rem;background-size:cover; background-position: center}

.jmzt03 .list{ overflow:hidden; width:48%; float:left; margin-left:1%; margin-bottom:1rem; margin:0 1% 1rem}

.jmzt03 img{ display:block; float:left; width:6rem; height:6rem}

.jmzt03 .wen{ overflow:hidden; float:left; margin-left:1rem; width:6rem}

.jmzt03 h3{ font-size:1.2rem; color:#9e2022; margin:1rem 0 0 0;}

.jmzt03 p{ font-size:1rem; line-height:1.5rem; color:#9e2022; display:none}

.jmzt03 .jm03box{ overflow:hidden; width:100%; margin:0 auto;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; padding:0 1rem 0 2rem}


.jmzt04 { overflow:hidden; width:100%; height: auto;  background-image:url(../images/qudao_bgpc.jpg);background-size:cover;}

.jmzt04 .jm04box{ overflow:hidden; width:96%; height: auto; position:relative; margin:0 auto; margin-top:10rem;}
.jmzt04 .jm04box .kuaj { width:100%; float:left; margin-right: auto; margin: 0 auto}
.jmzt04 .jm04box .kuaj2 { margin-right: auto; width:100%; float:left}

.jmzt04 .jm04box ul li { width:100%; float:left; margin-bottom:2rem;}

.jmzt04 .jm04box ul li p {font-size:1.5rem; line-height:2.2rem; color:#000; width:100%;padding-left:28%; padding-right:12%;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}
.jmzt04 .jm04box ul li .p01 { margin-top:2.5rem;}
.jmzt04 .jm04box ul li .p001 { line-height:2rem; font-size:1.2rem; margin-top:1.5rem;}
.jmzt04 .jm04box ul li.bj1 { background-image: url(../images/zlbj1.png);background-position: center;background-size:cover; height:14rem;}
.jmzt04 .jm04box ul li.bj2 { background-image: url(../images/zlbj2.png);background-position: center;background-size:cover;  height:28rem;}
.jmzt04 .jm04box ul li.bj3 { background-image: url(../images/zlbj3.png);background-position: center;background-size:cover;  height:14rem;}
.jmzt04 .jm04box ul li.bj4 { background-image: url(../images/zlbj4.png);background-position: center;background-size:cover;  height:14rem;}
.jmzt04 .jm04box ul li.bj5 { background-image: url(../images/zlbj5.png);background-position: center;background-size:cover;  height:14rem;}



.jmzt05 { overflow:hidden; width:100%; padding:3rem 0 3rem 0; background:url(../images/xl_bg.png) repeat left top;}

.jmzt05 h2{ text-align:center; margin-bottom:3rem;}
.jmzt05 h2 img { width:100%}

.jmzt05 .jm05box{ overflow:hidden; width:96%; margin:0 auto; height: auto;}

.jmzt05 .jm05box a { width:100%}

.jmzt05 .jm05box img{ display:block; float:left; margin:1rem auto; width:100%}



.jmzt06 { overflow:hidden; width:100%; height: auto; background:url(../images/dian_bg.png) no-repeat center;}

.jmzt06 h2{ text-align:center; margin-top:4rem; margin-bottom:3rem;}
.jmzt06 h2 img { width:100%}

.jmzt06 .dian{ overflow:hidden; width:96%; margin:0 auto; height: auto; position:relative}

.jmzt06 .dian i{ display:block; width:45px; height:86px; cursor:pointer; position:absolute; top:32%; z-index:2}

.jmzt06 .dian .btn01{ background:url(../images/dian01.png) no-repeat center top; left:0}

.jmzt06 .dian .btn02{ background:url(../images/dian01.png) no-repeat center bottom; right:0}

.jmzt06 .dianbox{ overflow:hidden; width:100%; margin:0 auto; height:16rem;}

.jmzt06 .dianbox .list{ background-color:#000; position:absolute}

.jmzt06 .dianbox .list img{ display:block; opacity:0.5; filter:alpha(opacity=50);}

.jmzt06 .dianbox .active{ background:none;box-shadow: 12px 11px 10px rgba(0,0,0,.65);}

.jmzt06 .dianbox .active img{ opacity:1; filter:alpha(opacity=100);}

.jmzt06 .dianbox .list p{ text-align:center; font-size:1.2rem; color:#000; margin-top:1rem;}

.jmzt06 .dianbox .list p a{ text-align:center; font-size:1.2rem; color:#000; margin-top:1rem;}



.jmzt07 { display:none}

.jmzt07_sj { display:block; background:#1a2880; padding-bottom:1.5rem}
.jmzt07_sj h2 { width:96%; margin:0 auto}
.jmzt07_sj h2 img { width:100%}
.jmzt07_sj .neirong { width:96%; margin:0 auto} 
.jmzt07_sj .neirong img { width:100%}
.jmzt07_sj .neirong ul li { line-height:2.6rem; font-size:1.3rem; color:#fff; border-bottom:#ffbb32 2px solid; display:block; margin-bottom:1rem}


.jmzt08 { overflow:hidden; width:100%; height: auto;  background-image:url(../images/zc_bg.png);background-size:cover; padding-bottom:1.5rem}

.jmzt08 h2{ text-align:center; margin-top:2rem; margin-bottom:1rem;}
.jmzt08 h2 img { width:100%}

.jmzt08 ul{ overflow:hidden; width:96%; margin:0 auto;}

.jmzt08 li{ width:46%; height: auto; margin: 1rem 2%;}

.jmzt08 li p{ margin:0 auto; width:100%; text-align:center; font-size:1.2rem; color:#333; line-height:2.2rem;}

.jmzt008 { overflow:hidden; width:100%; height: auto; background:url(../images/xl_bg.png) repeat;}

.jmzt008 h2{ text-align:center; margin-top:2rem; margin-bottom:1rem;}

.jmzt008 h2 img { width:100%}

.jmzt008 ul{ overflow:hidden; width:96%; margin:0 auto;}

.jmzt008 li{width:46%; height: auto; margin: 1rem 2%;}

.jmzt008 li img{ width:100%}



.jmjiange { height:60px; background:url(../images/jiange.png) center}
.jmzthz { overflow:hidden; width:100%; height: auto; background:url(../images/hzhbbg.jpg) c repeat;}

.jmzthz h2{ text-align:center; margin-top:5rem; margin-bottom:3rem;}

.jmzthz ul{ overflow:hidden; width:96%; margin:0 auto;}

.jmzthz li{ width:30.3333%; height: auto; margin:1rem 1.5%;}


.jmzt009 { overflow:hidden; padding:3rem 0 3rem 0; background:url(../images/cpdb_bg.png) no-repeat center top;}

.jmzt009 h2{ text-align:center; margin-bottom:1.8rem; margin-top:3rem}

.jmzt009 h2 img { width:100%}

.jmzt009 .cpdb { padding:2rem 0; margin:0 auto; width:100%;}
.jmzt009 .cpdb img { width:100%}


.jmzt09 { overflow:hidden; padding:3.5rem 0 3rem 0; background-image: url(../images/mtbdbj.jpg);background-size:cover; background-position:center; height: auto;}

.jmzt09 h2{ text-align:center; margin-bottom:3rem;}

.jmzt09 h2 img { width:100%}

.jmzt09 .cgbox{ display: none}
.jmzt09 .cgboxpc { display:block; width:100%}
.jmzt09 .cgboxpc img { width:100%}

.jmzt09 .list{ overflow:hidden; width:590px; margin:10px; height:220px; background-color:#fff; float:left; position:relative}

.jmzt09 .list img{ display:block; float:left}

.jmzt09 .wen{ overflow:hidden; width:275px; float:left; margin-left:25px; margin-top:50px;}

.jmzt09 .wen h3{ font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:25px;}

.jmzt09 .wen h3 a{ color:#005bac;}

.jmzt09 .wen p{ font-size:14px; line-height:20px; color:#666; height:60px; overflow:hidden; text-align:justify;}

.jmzt09 .more{ display:block; position:absolute; right:0; bottom:0; width:25px; height:25px; background:url(../images/cg_s.png) no-repeat center;}


.container {
    position: relative;
    width: 96%;
    margin: 0px auto;
}
.jmzt10 { overflow:hidden; width:100%; height: auto; background-image:url(../images/lybg.jpg);background-size:cover; background-position:center;}

.jmzt10 .wen { overflow:hidden; float:left; width:100%; margin-top:5rem;}

.jmzt10 h2{ font-size:3rem; color:#ffbb32; text-align:center}

.jmzt10 span{ display:block; font-size:1.8rem; color:#ffbb32; text-align:center; width:96%; height:3rem; line-height:3rem; border:1px solid #ffbb32; margin:0.5rem auto 1.5rem auto;}

.jmzt10 p{ font-size:1.3rem; color:#fff; margin-bottom:0.5rem; text-align:center}

.jmzt10 em{ display:block; font-size:2rem; color:#fff; margin-bottom:2rem; text-align:center}

.jmzt10 .phone{ padding-left:0; background:url(../images/ly_p.png) no-repeat left center; text-align:center}

.jmzt10 b{ font-weight:normal; font-size:1.2rem; color:#fff; display:block;}

.jmzt10 h3{ font-weight:normal; font-size:2.4rem; color:#ffbb32;}

.jmzt10 .lybox{ overflow:hidden; float:right; width:100%; margin-top:5rem;}

.jmzt10 input{ padding-left:55px; width:100%; height:3.5rem; line-height:3.5rem; font-size:1.1rem; color:#999; border:none; margin-bottom:1rem; outline:none;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}


.jmzt10 textarea{ padding:1rem; padding-left:55px; width:100%; height:8rem; font-size:1.1rem; color:#999; border:none; margin-bottom:1rem; resize:none; background:url(../images/ly03.png) no-repeat left top; background-color:#fff; outline:none;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}

.jmzt10 a{ display:block; width:12rem; height:3.8rem; background-color:#ffbb32; text-align:center; line-height:3.8rem; text-decoration:none; font-size:1.4rem; color:#1a2880;}




}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;                                           
  vertical-align: middle;
  -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
    -ms-osx-font-smoothing: grayscale;
        -o-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
    -o-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #bb1e10;
  -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
    -o-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

.wrap{width:1200px; margin:0 auto; zoom:1;}

.wrap:after,.wrap:before{display:table; content:'';}

.wrap:after{clear:both;}

.textOver{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.over{overflow: hidden;}

.alC{text-align: center;}

.alL{text-align: left;}

.alR{text-align: right;}

.displayT{width: 100%;height: 100%;display: table;}

.tableC{display: table-cell;}

.inlineB{display: inline-block;}

.middle{vertical-align: middle;}

.noml{margin-left: 0!important;}

.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

.imgZoom img:hover{transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

@font-face{font-family: 'bebas';src: url(../other/BEBAS.TTF);}

.show_tb{display: none!important;}

.show_pc{display: block!important;}

.show_mb{display: none!important;}



.index .ml-title{font-size: 32px;color: #333;font-weight: bold;text-align: center;margin:50px 0 20px;cursor: pointer;}

.index .ml-title span{display: block;width: 39px;height: 3px;margin:12px auto 0;background: #00abeb;}

.index .i-domain{background: url(../images/id04.jpg) no-repeat top center;padding-bottom: 104px;}

.index .i-domain .ml-title{color: #fff;}

.index .i-domain .ml-title span{background: #fff;}

.index .i-domain .list{max-height: 560px;text-align: center;}

.index .i-domain .list .close-box{width: 220px;padding:30px 0;min-height: 500px;cursor: pointer;-webkit-transition:width .5s,height .5s,opacity 1s;transition:width .5s,height .5s,opacity 1s;}

.index .i-domain .list .close-box .main{width: 160px;margin:0 auto;}

.index .i-domain .list .close-box.close{width: 0;opacity: 0;}

.index .i-domain .list .cb0{background: url(../images/id_bg3.png);}

.index .i-domain .list .cb1{background: #78b232;}

.index .i-domain .list .cb1-2{background: url(../images/id_bg2.png);}

.index .i-domain .list .cb2{background: url(../images/id_bg2.png);}

.index .i-domain .list .close-box .img{}

.index .i-domain .list .close-box .t{padding:20px 0;font-size: 22px;color: #fff;}

.index .i-domain .list .close-box .t span{display: block;width: 32px;height: 3px;margin:20px auto 0;background: #fff;}

.index .i-domain .list .close-box .bf{font-size: 12px;color: #fff;line-height: 220%;text-align: left}



.index .i-domain .list .open-box{width: 0;background: url(../images/id_bg0.png);padding:40px 0 60px;min-height: 460px;-webkit-transition:width .7s;transition:width .7s;text-align: left;}

.index .i-domain .list .open-box .main{width: 670px;margin:0 auto;}

.index .i-domain .list .open-box.open{width: 760px;}

.index .i-domain .list .open-box .t{margin-bottom: 15px;}

.index .i-domain .list .open-box .t a{font-size: 22px;color: #333;}

.index .i-domain .list .open-box .t a:hover{color: #00abeb;}

.index .i-domain .list .open-box .img{width: 100%;text-align: center;}

.index .i-domain .list .open-box .bf{margin:15px 0;font-size: 14px;color: #555;line-height: 200%;}

.index .i-domain .list .open-box .m{}

.index .i-domain .list .open-box .m a{font-size: 14px;color: #555;display: inline-block;padding:5px 15px;border-radius: 5px;border:1px solid #979797;text-align: center;}

.index .i-domain .list .open-box .m a:hover{background: #00abeb;color: #fff;border:1px solid #00abeb;}





@media only screen and (max-width: 1440px){

	
}



@media only screen and (max-width: 1280px){

	.about .wrap,#foot .wrap,.wrap{width: 97%;}

	

	.index .i-domain .list .open-box{padding: 20px 0 40px;}

	.index .i-domain .list .open-box.open{width: 610px;}

	.index .i-domain .list .open-box .main{width: 570px;}

	.index .i-domain .list .close-box{width: 180px;padding: 20px 0 0;}

	.index .i-domain .list .close-box .main{width: 150px;}



}

@media only screen and (max-width: 1024px){



}



@media only screen and (max-width: 992px){

	.show_pc{display: none!important;}

	.show_tb{display: block!important;}

	.fix-nav{display: none;}

	.index .ml-title{margin: 4% 0 3%;}

	.index .i-case{padding-bottom: 4%;}

	.index .i-domain{padding-bottom: 4%;background: url(../images/id4.jpg) repeat-y center top;}

	.index .i-domain .list{max-height:inherit;}

	.index .i-domain .list .close-box{float: none;width: 100%;min-height:inherit;padding-top: 0;}

	.index .i-domain .list .close-box .main{width: 95%;padding:2% 0;}

	.index .i-domain .list .close-box .t{padding: 0.5% 0;}

	.index .i-domain .list .close-box .t span{margin: 2% 0 0;}

	.index .i-domain .list .close-box .img{display: inline-block;vertical-align: middle;width:10%;margin-right: 2.5%;}

	.index .i-domain .list .close-box .img img{width: 100%;max-height: inherit;max-width: inherit;}

	.index .i-domain .list .close-box .det{display: inline-block;vertical-align: middle;text-align: left;width:85%;}

	.index .i-domain .list .open-box{width: 100%;float: none;min-height:inherit;padding:2% 0;display: none;}

	.index .i-domain .list .open-box .main{width: 95%;}

	.index .i-domain .list .open-box.open{width: 100%;display: block;}

	.index .i-domain .list .close-box.close{width: inherit;opacity: 1;height: 0;}

	

}

@media only screen and (max-width: 768px){

	
}



@media only screen and (max-width: 640px){



}

@media only screen and (max-width: 450px){

	
}

@media only screen and (max-width: 360px){

}


img{border:none; vertical-align:middle; }

.img img{max-height:100%; max-width:100%;}




.nr{ color:#666; font-size:13px; line-height:25px; margin-bottom:35px; font-family:"Microsoft YaHei"}

.lyf li{visibility: visible; -webkit-animation-delay: 1.6s; float:left; margin-right:35px; margin-bottom:20px; width:260px}
.lyf li img{ width:260px; height:180px}
.ditu2{display:none}

@media only screen and (max-width: 768px){
.lyf li{ width:45%; margin-right:2%; margin-left:2%}

.lyf li img{ width:100%; height:auto}	
.ditu{display:none}
.ditu2{display:block}
.newsp02 .bd {width:320px; margin:0 auto; overflow:hidden}
.newsp02 .bd ul li{display:inline-block; width:320px; float: none; margin:0 auto; }


.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:0; z-index:100000}

}

.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }



.top .right .tb .ss { width:24px; height:24px; position:relative; z-index:100000}

/*#search_btn {

	position: absolute;

	right: 0px;

	cursor: pointer;

	top: 0;

	width: 24px;

	height:24px;

	background: url('../images/ss.png') no-repeat;

	text-indent: -9999px;

}

.searchIpt {

	width: 240px;

	height: 30px;

	position: absolute;

	right:0px;

	top: 30px;

	display: none; border:#ccc 1px solid;

	z-index: 10;

}

.searchIpt .search_txt {

	width: 172px;

	padding: 0 0 0 10px;

	line-height: 30px;

	background: #fff;

	color: #333;

	border: 0;

	height: 30px;

	float: left;

}

.searchIpt .search_btn {

	width: 58px;

	background: #00abeb;

	border: 0;

	float: right;

	color: #fff;

	height: 30px;

	cursor: pointer;

}

*/








.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
width: 24px;

	height:24px;
background: url('../images/ss.png') no-repeat;
  margin: 0;
  padding: 0;
  outline: none;
 
  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}

#toggle-search {
  float: right;

}
#toggle-search.open:after {
  top: 40px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -8px;
  content: "";
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
	width: 240px;

	height: 34px;

	position: absolute;

	right:0px;

	top: 31px;
  max-height: 0;
  overflow: hidden;
  background-color: #fff; z-index:1000; 
}
#search-form.open {
  max-height: 35px;
}
#search-form fieldset {
  position: relative;
  margin: 0 32px 0 0;
  padding: 0;
  border:#ccc 1px solid;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; 
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 32px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
 top: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background: #00abeb;
  border: none;
  cursor: pointer;
}
