body{font-size:14px;font-family:"microsoft yahei","Trebuchet MS",Arial,Helvetica,sans-serif;/*background:url("../img/bg.jpg") no-repeat fixed;*/ background-size:cover}
body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{margin:0 auto;padding:0;list-style-type:none}
a{color:#000;text-decoration:none}
a:hover{color:#ff4101}
img{border:none;vertical-align:middle}
table{border-collapse:collapse;line-height:1.5em}
.cl{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden}
.wid{padding:0 40px;margin:0 auto;overflow:hidden;max-width:1600px}
.fl{float:left}
.fr{float:right}
@media (max-width:960px){
.wid{padding:0 10px}
}
a{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.head{height:150px;line-height:150px;width:100%;}
.head .tel{padding:36px 180px 36px 0;margin-left:10px;line-height:36px;color:#f33;font-size:32px; line-height:78px;}

@media (max-width:1220px){
.head .tel{background:none;padding-right:0;font-size:24px;}

}
@media (max-width:960px){
.head{height:50px;line-height:50px;position:relative;top:0;background-color:rgba(246,246,246,1);position:fixed;z-index:999;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);box-shadow:1px 1px 1px rgba(0,0,0,.1)}
.head .logo img{width:300px;margin-left:5px}
.head .wid{width:100%;padding:0}
}
.nav{clear:both;height:50px;line-height:50px; background:#0F76C6}
.nav ul{padding:0 40px;margin:0 auto;max-width:1600px}
.nav li{width:11.111%;float:left;font-size:16px;text-align:center}
.nav li a{display:block;color:#fff;/*border-right:1px solid #FFFFFF*/}
.nav li a:hover{background:#0b5c9b}

.nav li ul{display:none;}
.nav li:hover ul{display:block; position:absolute; top:200px;z-index:10000;background:#ff4101; padding:0;margin: 0; width:9.38%;}
.nav li:hover ul li{border-right:none; background:none;  border-bottom:1px solid #FFF;float:left; }

.nav .erj li{ float:left;width:100%}
.nav .erj li a { width:100%;line-height:45px;background:none !important; float:left; text-align:center;color: #FFF; display:inline-block; padding:0px !important; border:none;}
.nav li:hover ul li:hover{ background:#0F76C6}

.open{display:none}




@media (max-width:1000px){
.head .tel{display:none}
.nav li{font-size:14px}
}
@media (max-width:960px){
.open{display:block;float:right;margin-right:8px;margin-top:8px;padding:8px;width:39px;background-color:#0f76c6;cursor:pointer}
.open i{display:block;overflow:hidden;padding:6px 0;width:22px;border-top:2px #fff solid;border-bottom:2px #fff solid}
.open i:after{content:'';display:block;height:2px;background-color:#fff}
.nav{position:fixed;height:auto;line-height:40px;width:100%;top:-999px;z-index:999;background-color:rgba(0,0,0,0.9)}
.nav ul{padding:0}
.nav li{width:100%}
.nav li a{color:#fff;border-right:0px}



.opennav{top:50px}
/*.scrollerBox{position:relative;overflow:scroll;overflow-x:hidden;overflow-y:scroll}
*/.nav-over{position:fixed;top:0;z-index:999;display:none;width:100%;height:100%}
}
/* -- 幻灯 -- */
.slidebox{position:relative;overflow:hidden}
.slidebox .hd{position:absolute;bottom:5px;width:100%;text-align:center;font-size:0;z-index:1}
.slidebox .hd li{display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden;margin:0 5px}
.slidebox .hd li.on{background-color:#0f76c6}
.slidebox .bd{position:relative;z-index:0}
.slidebox .bd li{position:relative;text-align:center}
.slidebox .bd li img{background:url("../img/loading.gif") center center no-repeat;vertical-align:top;min-width:100%; max-height: 100%;}
.slidebox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.arrowbox a{z-index:50;position:absolute;display:block;margin-bottom:-25px;width:25px;height:50px;bottom:50%;line-height:50px;cursor:pointer;text-align:center;color:#fff;font-size:24px;background-color:rgba(50,50,50,.3)}
.arrowbox .prev{left:0px;border-top-left-radius:0;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:0}
.arrowbox .next{right:0px;border-top-left-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:10px}
.arrowbox a:hover{background-color:rgba(50,50,50,.6)}
.ban{padding:5px 0;text-align:lift}
.ban b{font-size:24px;font-weight:200;display:block}
@media (max-width:960px){
.slidebox{margin-top:50px}
.ban{padding:20px 0;font-size:12px;margin-top:50px}
}
.class{clear:both;text-align:center;padding:20px 0;overflow:hidden;width:90%;margin:0 auto;max-width:1000px}
.class dl{display:inline-block;width:24%;height:30px;line-height:30px}
.class dl a{display:block;font-size:16px;color:#fff;background:#0f76c6;width:90%;margin:0 auto;border-radius:30px}
.class dl dd{width:33.333%;float:left;height:20px;line-height:20px;padding-top:5px;display:none;position:relative;z-index:100}
.class dl.hov dd,.class dl:hover dd{display:block}
.class dl.hov .big{background:#f33}
.class dl dd a{font-size:12px}
.class dl a:hover{background:#f33}
.class dl a.on{background:#f33}

.class a{display:inline-block;text-align:center;line-height:1em;height:32px;border:1px solid #ccc;line-height:32px;width:15%;margin:0.4%;border-radius:34px}
.class a:hover{background:#f70303;color:#fff;border:1px solid #f70303}
.class a.on{background:#f70303;color:#fff;border:1px solid #f70303}

.class2{clear:both;text-align:center;padding:20px 0;overflow:hidden;width:90%;margin:0 auto;max-width:1000px}
.class2 a{display:inline-block;text-align:center;line-height:1em;height:32px;border:1px solid #ccc;line-height:32px;width:15%;margin:0.4%;border-radius:34px}
.class2 a:hover{background:#f70303;color:#fff;border:1px solid #f70303}
.class2 a.on{background:#f70303;color:#fff;border:1px solid #f70303}

@media (max-width:960px){
.class{width:100%}
.class dl a{font-size:12px;width:95%}
.class dl dd a{font-size:10px}
.class a{font-size:12px}
.class a{display:none}
.nav li ul{display:none;}
.nav li:hover ul{display:none;}

}

.tt2{margin-top:50px;text-align:center;line-height:1em;font-size:48px;color:#f70303;text-transform:uppercase;font-family:'Impact',"microsoft yahei","Trebuchet MS",Arial,Helvetica,sans-serif}
.tt2 p{color:#000;font-size:32px;line-height:1em;width:160px;margin:0 auto}

.tt{background:url("../img/it.png") no-repeat center bottom;padding-top:40px;padding-bottom:20px;}
.tt p{text-align:center;color:#000;font-size:36px}
@media (max-width:960px){
.tt{ margin-top:20px;font-size:36px}
.tt p{text-align:center;color:#000;font-size:24px}
}

.left{float:left;width:20%;color:#fff; padding-bottom:10px;}
.left .t{line-height:60px;text-align:center;color:#fff;font-size:24px;background:#555}
.left a{ display:block;color:#666;}
.left .clist{text-align:center}
.left .clist dt{width:100%;height:45px;font-size:16px;line-height:45px;float:left; background:#0F76C6}
.left .clist dt a{ color:#FFF}
.left .clist dd{border-bottom:1px dotted #cccccc;width:50%;height:33px;line-height:33px;float:left; background:url("../img/bg10.jpg") no-repeat left center;}
.left .clist dd a{}
.left .clist dd:hover{}
.left .clist dd a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.left .clist dd a:after{content:"·";display:block;height:0;visibility:hidden}

.right{width:78%;float:right}
.pro_list,.text_list{padding-bottom:20px;min-height:500px}

.pro_list dl{width:14%;margin:0 1% 1% 1%;float:left;height:170px;overflow:hidden}
.pro_list dt a img{width:100%; height:120px}
.pro_list dd{font-size:12px;color:#666;padding:5px 0}
.pro_list dd a span{font-size:16px;color:#656363}
.pro_list dd span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pro_list dd span:after{content:"·";display:block;height:0;visibility:hidden}
.pro_list ul li{
	height:100%;
	float:left;
	display:block;
}
.pro_list ul li a{
	display:block;
	border-style:solid;
	border-color:#222;
}

.cimg{margin-bottom:10px;}
	
	
@media (max-width:1200px) and (min-width:960px){
.left{width:100%;float: none;}
.left .t,.left .clist dd{ display:none}
.left .clist{background: none;text-align:center}
.left .clist dt{ width:20%;float:left;border-bottom:0px dotted #58affe;font-size:14px; background:none;}
.left .clist dt a{background:#36c;height:32px;border-radius:16px; line-height:32px;width:95%; margin:0 auto;}
.right{width:100%;float:none}

.class2{ display:none;}
}
@media (max-width:960px){
.left{width:100%;float: none;}
.left .clist{ display:none}
.right{width:100%;float:none}
.pro_list dl{width:32%;margin:0.66666%}
.pro_list dd a span{font-size:14px}

}
@media (max-width:620px){
.pro_list dl{width:48%;margin:1%}
.pro_list dl:nth-child(even){float:right}
}

.text_list dl{float:left;width:48%;padding:15px 0;border-bottom:1px #ccc dashed}
.text_list dl:nth-child(even){float:right}
.text_list dt{float:left;width:32%;overflow:hidden;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.2);box-shadow:5px 5px 10px rgba(0,0,0,.2)}
.text_list dt a{display:block;height:130px}
.text_list dt img{width:100%;height:100%}
.text_list dd{float:right;width:65%;height:110px;font-size:12px;color:#666;line-height:1.8em}
.text_list dd a span{font-size:16px;color:#656363}
.text_list dd span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.text_list dd span:after{content:"·";display:block;height:0;visibility:hidden}
.text_list dd p{font-style:normal;font-size:12px;padding:5px 0;display:block}
.text_list dd div{display:block;padding-top:5px;border-top:1px solid #ccc}
@media (max-width:840px){
.text_list dl{float:none;width:100%;height:160px;padding:15px 0;border-bottom:1px #ccc dashed}
.text_list dl:nth-child(even){float:none}
}

.adp{background-color:#0f76c6;text-align:center; padding:10px 0}
.adp img{max-width:100%}
.about{line-height:2em;padding-top:10px;/*padding-bottom:30px*/}
.about img{max-width:100%}
@media (max-width:960px){
.about{line-height:1.5em}
}
.page{padding:0 40px 40px 0;margin:0 auto;overflow:hidden;}
.pagel,.pager{background:#fff;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.2);box-shadow:5px 5px 10px rgba(0,0,0,.2)}

.pad35{padding:35px}
.proi{padding-bottom:35px;position:relative}
.proi .slidebox{width:440px;height:330px}
.proi .slidebox .bd li{width:440px;height:330px;text-align:left}
.proi .slidebox .bd li img{width:440px}
.proi .titi{position:absolute;left:480px;top:0px;font-size:12px;line-height:1.8em}
.proi .titi h1{font-size:24px;line-height:1em;padding-bottom:30px;font-weight:100;color:#f33}
.proi .titi p{padding-top:10px;margin-top:10px;border-top:1px solid #ccc}
.proi .titi .teli{padding:10px 0; font-size:14px}
.proi .titi .teli span{color:#f33;font-size:20px}
.proi .titi .bnt{width:48%; margin:0 1%; float:left;background:#f33;height:36px;line-height:36px;text-align:center}
.proi .titi .bnt a{color:#fff;font-size:14px;display:block}
.proi .titi .bnt:hover{filter:alpha(opacity=90);opacity:0.90;-moz-opacity:0.90;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
@media screen and (max-width:960px){
.pad35{padding:0px}
.proi .slidebox{width:100%;height:auto;float:none;margin-top:0}
.proi .slidebox .bd li{width:100%;height:auto}
.proi .slidebox .bd li img{width:100%}
.proi .titi{position:static}
.proi .titi h1{padding-top:20px;padding-bottom:20px}
}
.infoi h1{font-size:24px;line-height:1em;font-weight:100;text-align:center}
.infoi .tot{font-size:12px;text-align:center;padding:15px 0}
.infoi .tjj{font-size:12px;border-top:1px dashed #e1e1e1;background-color:#f6f6f6;padding:10px}
@media (max-width:1200px){
.infoi{ padding-top:35px}
.page{padding:0}
.pagel,.pager{width:100%;float:none}

}
.content{margin:0 auto;line-height:2em;min-height:520px;padding:25px 0;border-top:1px dashed #e1e1e1}
.content img{margin:5px;max-width:100%;height:auto}
.content .lxl{float:left;width:48%;padding:80px 0}
.content .lxl p{float:right;width:50%;max-width:300px;text-align:center}
.content .lxl p.qr img{border:1px solid #e3e3e3}
.content .lxr{float:right;width:48%;padding:80px 0}
.content .lxr p{font-size:28px;padding-bottom:20px}
.content .lxr .lxqq{color:#32abe1;background:url("../img/qq.gif") no-repeat left top;padding-left:25px;padding-top:5px}
.content .lxr span{font-size:20px;color:#e60b1e}
@media (max-width:1100px){
.content .lxr{font-size:12px}
.content .lxr p{font-size:18px}

.class2{ display:none;}
}
@media (max-width:640px){
.content .lxl,.content .lxr{float:none;width:100%;padding:30px 0;clear:both}

.class2{ display:none;}
}
@media (max-width:960px){
.content img{margin:5px auto}

}
.tags,.prenext{line-height:2em;font-size:12px}
.prenext{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin:10px auto}
.weiqr{text-align:center;padding:20px 0;font-size:24px;line-height:60px}
.ntit{line-height:40px;margin:5px auto;font-size:18px;color:#f33;border-bottom:1px solid #ccc;font-weight:100;clear:both}
.rpro{overflow:hidden;padding-top:10px}
.rpro li{width:25%;float:left;overflow:hidden;padding-bottom:10px;line-height:1.8em;text-align:center}

.rpro li a{display:block;border-radius:2px;margin:0 10px}
.rpro li img{width:100%; height:200px}
.rpro li span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}
.rpro li span:after{content:"·";display:block;height:0;visibility:hidden}
.rtext{overflow:hidden;font-size:12px}
.rtext li{height:30px;line-height:30px;border-bottom:1px dotted #ccc;width:48%;float:left}
.rtext li:nth-child(even){float:right}
.rtext li a{height:30px}
.rtext li span{white-space:nowrap;display:block;text-overflow:ellipsis;width:70%;float:left;overflow:hidden}
.rtext li span:after{content:"·";display:block;height:0;visibility:hidden}
.rtext li em{float:right;color:#888;text-align:right;height:30px;width:30%;font-style:normal}
@media (max-width:640px){
.rpro li{width:50%}
.rpro li a{margin:0 10px}

}
@media (max-width:640px){
.rtext li{width:100%;float:none}
}
.ili{line-height:20px;font-size:12px}
.ili .ilit span{font-weight:bold}
.ili .ilib dt a{margin-right:5px}

.foot{background:#333;padding:15px 10px;color:#eee;text-align:center;line-height:1.5em;font-size:12px}
.foot a{color:#eee}


.foot2{background: url("../img/f_bg.gif") repeat-x center top;overflow:hidden;padding:12px 10px;color:#eee;line-height:1.5em;font-size:14px; margin-top:10px;}
.foot2 a{color:#eee;}
.center{padding:0 40px;margin:0 auto;max-width:1600px;overflow:hidden; }

.center a{width:11.111%;float:left;font-size:16px;text-align:center}
.f_p {color: #444;line-height: 30px;margin: 5px 0 0;padding: 20px 0 20px 55px;min-width: 720px;}
.center2{padding:0 40px;margin:0 auto;max-width:1100px;overflow:hidden; }
.fl {
    float: left;
}
.f_p a{ color:#444444;}
@media (max-width:840px){
.ili{display:none}
.foot{font-size:10px}
}

@media (max-width:960px){
.nav li:hover ul{display:block; position:absolute; top:200px;z-index:10000;background:#ff4101; padding:0;margin: 0; width:30%;}
.nav li:hover ul li{border-right:none; background:none;  border-bottom:1px solid #FFF;float:left; }

.nav .erj li{ float:left;width:100%}
.nav .erj li a { width:100%;line-height:45px;background:none !important; float:left; text-align:center;color: #FFF; display:inline-block; padding:0px !important; border:none;}
.nav li:hover ul li:hover{ background:#0F76C6}

}

.iTel{
	width:93.75%;
	margin:20px auto 0 auto;
	border: 1px solid #0461c9;
	display:none;
}
.iTelCon{color:#0461c9; font:1.25em/2.2 "Microsoft Yahei"; text-align: center;}
.iTelCon span{ color:#0461c9; font-family: impact;font-size:1.3em; }

@media (max-width:640px){
.left{width:100%;float: none;}
.left .t{ display:block;}

.left .clist{ display:block; margin-top:10px;}
.left .clist{background: none;text-align:center}
.left .clist dt{ width:20%;float:left;border-bottom:0px dotted #58affe;font-size:14px; background:none;display:block; }
.left .clist dt a{background:#36c;height:32px;border-radius:16px; line-height:32px;width:95%; margin:0 auto;display:block;}
.left .clist dd{ display:none;}
.right{width:100%;float:none}

.iTel{ display:block;}


}




.leib2{}
.leftlx {border: 1px solid #DFDFDF; border-top: none;border-bottom: none; }

.leftlx h1 { text-align: center; height: 30px; line-height: 30px; font-size: 14px; }

.leftlx .dianh { padding: 0 5px 0 10px; line-height: 24px; }

.leftlx p { line-height: 30px; }

.leftlx .dianhua { background: url("../img/Teln.gif") no-repeat scroll 0 18px transparent; color: #666666; line-height: 20px; padding: 10px 0 10px 55px; }

.leftlx .dianhua span { display: block; font: 18px "Impact"; color: #434344; }

.leib2 .tit { color: #333; font-size: 14px; background: url("../img/tit1n.gif") no-repeat; height: 36px; line-height: 36px; padding-left: 18px; overflow: hidden; font-weight: bold; }

.leib2 .tit a { color: #333; }


.leib2 .tit2 { color: #333; font-size: 14px; background: url("../img/tit1n2.gif") repeat-x; height: 36px; line-height: 36px; padding-left: 18px; overflow: hidden; font-weight: bold; border:1px solid #CCC; border-top:none; }

.leib2 .tit2 a { color: #333; }

.leftbot2 { border:1px solid #DFDFDF;}


/*one-touch  foot 按钮*/
.one-touch{
	width:100%;
	background:#0F76C6;
	/* color:#ffffff; */
	font-size:1em !important;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000;
}
.one-touch a{
	float:left;
	width:24%;padding:0.15em 0;display:block; 
	color:#ffffff;text-align:center;
	cursor:pointer;
}
.one-touch a:visited{
	color:#fffffe;
}
.one-touch a > span{
	display:block;
	font:0.4em/1 "Microsoft Yahei";
}
.one-touch .iconfont{
	font:2em/1.2 "Microsoft Yahei";
}


@font-face{
  font-family:"iconfont";
  src:
  url("../img/iconfont.woff") format('woff'),
  url("../img/iconfont.ttf") format('truetype');
}
.iconfont{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}


.pproPositionHeight{
	position: relative;
	width:100%; padding-top: 3em;
}
.pproPosition{
	position: relative;
	width: 33%;
	color:#ffffff;font:1.5em/2.5 "Microsoft YaHei"; border-right:0.5em solid #7ebfff;
	background: #0065ca;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	transform-origin: left top;
	-webkit-transform-origin:left top;
	
}
.posTitle{
	 position: absolute; left:-10%; top:0;
	display: block;
	padding-left: 25%;
	color:#ffffff; text-align: center;
	transform: skew(145deg);
	-webkit-transform: skew(145deg);
	background: #0065ca;
}

.mylx{
    width: 650px;
    height: 100px;
    
}
.mylx li{
    float: left;
    width: 260px;
}