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

body{ margin:0px; font-size:12px; color:#333;font-family:"Microsoft Yahei";;min-width:1200px; }
*{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", SimSun, "����", STXihei, "����ϸ��", Heiti, "����", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#0b7cc3;}
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;}
.lf{ float:left;}

.rt{ float:right;}
.w1180 { width:1200px; margin:0 auto}

/*top*/
.trip-navWrap{ width: 100%; position: relative; top:0px; z-index:900; height:100px}
.fixtop{ position:fixed; top:0px; z-index:900; _position:absolute; _top:expression(documentElement.scrollTop + "px");box-shadow:2px 0px 8px -3px #666;-webkit-box-shadow:2px 0px 8px -3px #666;-moz-box-shadow:2px 0px 8px -3px #666}

.fixside{ position: fixed; top:0px; left: 50%; margin-left: 440px; z-index:80; _position:absolute; _top:expression(documentElement.scrollTop + "px");}

.top { background-color:rgba(255,255,255,0.9);position:relative; z-index:100000; height:100px;}
.top .logo { width:386px; margin-top:15px; float:left}
.top .logo img { width:100%;}
.top .daoh { float: right; }
.top .tlp {float: right; text-align:left;}
.top .tlp a { display:block; line-height:32px; width:55px; height:32px; float: right; color:#333; font-size:14px; margin-right:5px; margin-top:8px;}
.top .tlp a:hover { color:#0264b1}
.top .tlp a.a1 { background:url(../images/dl.png) left center no-repeat; background-size:20px; width:25px} 
.top .tlp a.a2 { background:url(../images/ss.png) left center no-repeat; background-size:20px; width:25px; margin-left:20px;}
.top .tlp a.a3 { background:url(../images/top10s.png) left center no-repeat; background-size:20px; width:25px;}
.top .tlp a.a4 { background:url(../images/top9s.png) left center no-repeat; background-size:20px;width:25px;}
.weixin{  height:32px; float: right;position:relative; font-size:14px; text-align:center; width:35px;background:url(../images/top9s.png) left center no-repeat; background-size:20px; padding-left:22px;}
.weixin a{ height:32px; display:block; position:absolute; left:0; top:0;background:url(../images/top9s.png) no-repeat center top; }
.weixin .weixin_nr{width:110px; height:130px; padding:10px; background:#fff; text-align:center; position:absolute; left:-50px; top:45px; display:none; z-index:99999}
.weixin .weixin_nr img{ margin-bottom:0px;}
.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{ }
.weixin a.wb{ height:32px; line-height:32px; display:block; position:absolute; left:0; top:0;background:url(../images/top9s.png) left center no-repeat; background-size:20px;width:30px; }
.weixin.on a.wb { background:url(../images/top9s.png) left center no-repeat; background-size:20px; padding-left:25px;}
.searchIpt {width: 240px;height: 30px; float:left; margin-top:10px; margin-left:120px;z-index: 10; border:#ccc 1px solid;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; overflow:hidden}
.searchIpt .search_txt {width: 172px;padding: 0 0 0 10px;line-height: 30px;background: #eee;color: #333;border: 0;height: 30px;float: left;}
.searchIpt .search_btn {width: 58px;background: #253f8a;border: 0;float: right;color: #fff;height: 30px;cursor: pointer;}
	  

.menu {margin-top:10px;height:38px; z-index:500; position:relative; float: right; width:750px;}

.menu ul { display: block;}

.menu li.item {float: left;height: 40px;display:inline;padding: 0 16px;text-align:center;}

.menu li.item a.a0 {height: 40px;float:left;overflow:hidden;display:inline; text-align:center; color:#333; font-family:"微软雅黑"; font-size:16px}

.menu li.on a.a0 { color: #fff; line-height:38px }



.menu li.li1 a.a0{  line-height:38px }

.menu li.li2 a.a0{ line-height: 40px;}

.menu li.li3 a.a0{line-height:38px}

.menu li.li4 a.a0{line-height:38px}

.menu li.li5 a.a0{line-height:38px}

.menu li.li6 a.a0{line-height:38px}

.menu li.li7 a.a0{line-height:38px}

.menu li.li8 a.a0{line-height:38px}



.menu li.item a.a0:hover{ color:#0b7cc3;}



.menu li.li2 dl{left: -516px;}

.menu li.li3 dl{ left: -565px;}

.menu li.li4 dl{ left: -704px;}

.menu li.li5 dl{ left: -818px;}

.menu li.li6 dl{ left: -904px;}







.menu li { position:relative;z-index:2;}

.menu li dl{position:absolute;top:40px;z-index:99999999;text-align:left;display:none; background:#fff; width: 1202px; border-bottom:1px #eee solid;}



.menu li .d1{height:320px;}

.menu li .d2 { height:5px;}

.menu li .d2 s { float:left;}





.navz{ width:550px; float:left; margin-top:50px;}

.navz ul { width:220px; height:250px; float:left; overflow:hidden;  margin-left:50px;}

.navz ul li{ width:220px; float:left; line-height:40px; /* margin-left: 50px; */font-size:14px; border-bottom:1px #eee solid;}





.navy{ width:600px; margin-top:50px;}

.navy ul li{ width:260px; height:230px; overflow:hidden; float:left; margin-right:40px;}

.navy ul li h2{ font-size:15px; margin-top:5px;}

.navy ul li h2 a{ font-size:15px;}

.navy ul li p{ font-family:"宋体"; font-size:12px; line-height:20px; width:260px; height:60pc; overflow:hidden; color:#999; margin-top:5px;}
	  


/* flexslider */
.banw { width:100%; height:588px; z-index:90;}
.ban { position: relative; top:0; left:0; z-index:90; width:100%;height:670px;}


.xx3{ height:588px; position:relative}
.xx3 .hd{ position:absolute; bottom:10px; text-align:center; z-index:99; width:100%;}
.xx3 .hd ul li{ display:inline-block; margin:0 5px; width:11px; height:11px; background:#FFF;text-indent:-9999px;cursor:pointer;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.xx3 .hd ul li.on{ background:#0b7cc3;}
.xx3 .bd{ height:100%}
.xx3 .bd ul{ height:100%}
.xx3 .bd ul li{ height:100%}

/*内容*/
/*公司简介*/
.m_wrap3{ padding:40px 0 0;}

.m_wrap3 .img{ float:left; width:392px;}

.m_wrap3 .conc{ float:right; width:555px; color:#333;}

.m_wrap3 .conc .p1{ font-size:16px; background:url(../images/hfl_25.jpg) bottom left no-repeat; padding-bottom:15px; margin-bottom:15px;}

.m_wrap3 .conc .p2{ line-height:25px;}

.m_wrap3 .con p{  color:#333;line-height:25px; font-size:12px;}
.sec1 { padding: 0px 0 60px; background: url('../images/bglogo.jpg') no-repeat right 60px; }

.sec1_left { width: 43.5%; position: relative; cursor:pointer; float:left}

.play_ico { display: block; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; background: url('../images/play_ico.png') no-repeat center; width: 70px; height: 70px; }

.More_btn { display: block; width: 152px; height: 40px; text-transform: uppercase; text-align: center; line-height: 40px; background: #2a4c90; color: #fff; cursor: pointer;  }

.More_btn:hover{color:#fff; background: #133271;}

.More_btn i { display: inline-block; margin-left: 10px; background: url('../images/more_arr.png') no-repeat center; width: 10px; height: 12px; vertical-align: middle; }

.sec1_right { width: 50%; float: right; }

.sec1_right .sec_tit { font-size: 40px; line-height: 1; text-transform: uppercase; margin-bottom: 10px; font-family: 'impact'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#253f8a }


.sec1_right .sec_tit i { width: 75px; height: 2px; background: #000; display: block; margin-top:10px; margin-bottom: 20px; }

.sec1_right h4 { font-size:22px; font-weight: normal; line-height: 1; margin-bottom: 30px; }

.sec1_right ._txt { margin-bottom: 35px; line-height: 24px; font-size:14px }

.sec1_right .More_btn { margin-bottom: 70px; color:#fff;}



.sec1_data_list li { float: left; width: 23%; padding-right: 2%; margin-right: 8%; border-right: 1px solid #ddd; }

.sec1_data_list li strong { font-size: 36px; font-weight: bold; line-height: 1; font-family: 'impact'; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#253f8a), to(#5690e8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.sec1_data_list li strong.num2{margin-right:0;}

.sec1_data_list li strong.dian{margin-right:0;}

.pro_zh_sec1 .more{width:160px;}

.pro_zh_sec1 .more a{height:44px;}

.pro_zh_sec1 .more .face1{height:40px; line-height:40px;}


.m_wrap3 a.more{ background:url(../images/hfl_26.jpg) no-repeat; width:81px; height:24px; display:block; margin-top:40px;}
/*hql-翻滚按钮公用样式*/

.roll_box{-webkit-perspective: 500px; perspective: 500px;  position:relative;}

.roll1{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);-webkit-transition: .2s ease;

    transition: .2s ease;

    -webkit-transform-origin: 50% 50% -25px;

    -ms-transform-origin: 50% 50% -25px;

    transform-origin: 50% 50% -25px; position:absolute; left:0; top:0; width:100%; z-index:1;opacity:1;}

.roll2{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);-webkit-transition: .2s ease;

    transition: .2s ease;

    -webkit-transform-origin: 50% 50% -22px;

    -ms-transform-origin: 50% 50% -22px;

    transform-origin: 50% 50% -22px; position:absolute; left:0; top:0; width:100%; z-index:-1; opacity:0; display:none\9;}

.roll_box:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}

.roll_box:hover .roll2{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);display:block\9; z-index:1; opacity:1;}

.more .face2 {
    background: #253f8a;
    border: 2px solid #253f8a;
    color: #fff;
    line-height: 42px;
    font-size: 0;
    text-align: center;
    height: 42px;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px; display:block; overflow:hidden
}
.sec1_right .more {
    margin-bottom: 30px;
}
.more {
    display: inline-block;
    width: 188px;
    font-size: 14px;
    text-align: center;
}
.more a {
    display: block;
    width: 100%;
    height: 50px;
}
.more  .face2 .t{display:inline-block; line-height:46px;font-size:14px; vertical-align: top;}
.sy_cpzx { width:1200px; margin:30px auto;}
.sy_cpzx .cplb { width:240px; float:left}
.sy_cpzx .cplb .tit { line-height:30px; padding:5px; background:#0b7cc3; margin-bottom:5px; color:#fff; font-size:18px; font-weight:bold; text-align:center}
.sy_cpzx .cplb .tit span { font-size:14px; text-transform:uppercase; font-weight: normal; display:block}

.sy_cpzx .cptp  { width:920px; float:right}
.sy_cpzx .cptp ul li { width:286px; float:left; position:relative; margin-right:30px; margin-bottom:30px; }
.sy_cpzx .cptp ul li img { width:100%; display:block;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;}
.sy_cpzx .cptp ul li .bt { width:100%; height:32px; line-height:32px;color:#333; text-align:center; font-size:14px}

.sy_cpzx .cptp ul li:hover .bt { color:#036fb8}

.xx1 .hd {width:240px; float:left}
.xx1 .hd .tit { line-height:30px; padding:5px; background:#0b7cc3; margin-bottom:5px; color:#fff; font-size:18px; font-weight:bold; text-align:center}
.xx1 .hd .tit span { font-size:14px; text-transform:uppercase; font-weight: normal; display:block}
.xx1 .hd ul li{ display:inline-block; width:100%}
.xx1 .hd ul li a{ line-height:50px; background:#f5f5f5; display:block; text-align:center; font-size:16px; color:#333; margin-bottom:5px;}
.xx1 .hd ul li a:hover { color:#fff; background:#0b7cc3}
.xx1 .bd { width:920px; float:right}
.xx1 .bd ul li { width:286px; float:left; position:relative; margin-right:30px; margin-bottom:30px;}
.xx1 .bd ul li img { width:100%; display:block; 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;}
.xx1 .bd ul li .bt { width:100%; height:32px; line-height:32px; background:rgba(255,255,255,0.85); color:#333; text-align:center;}
.xx1 .bd ul li .bt a { color:#333; font-size:14px}
.xx1 .bd ul li:hover .bt { color:#036fb8;}


/*index-service*/
.index-service {
	padding: 30px 0;
	zoom: 1;
	min-width: 1200px;
}
.index-service .sub {
	float: left;
	width: 25%;
	height: 220px;
	background: #fff;
	position: relative;
	transition: 0.3; padding-bottom:10px;
}
.index-service .sub:hover{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:99}
.index-service .sub.gray { background:#f6f6f6}
.index-service dl {
	padding: 15px;
}
.index-service dt {
	font-size: 20px;
	font-weight: 300;
	text-align: center;
}
.index-service dt {
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	color: #555; margin:0 auto 10px
}
.index-service .des {
	height: 40px;
	line-height: 20px;
	padding: 0 15px;
	overflow: hidden;
	font-size: 13px;
	color: #646A75;
	text-align: center;
}
.index-service .m {
	padding: 20px 0;
	text-align: center;
}
.index-service .m img {
	height: 80px;
}
.index-service ul {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #166cbd;
	color: #fff;
	text-align: center;
	display: none;
}
.index-service .ul-s {
	padding: 15px;
}
.index-service ul h6 {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 10px;
	color: #fff;
}
.index-service ul li {
	font-size: 13px;
	line-height: 24px;
	color: #fff;
}
.index-service .index2n {
	margin-top: 20px;
	height: 36px;
}
.index-service .index2n a {
	color: #fff;
	padding: 6px 25px;
	line-height: 36px;
	border-radius: 1px;
	border: 1px #FFF solid;
}
.index-service .index2n a:hover span {
	color: #166cbd; 
}

/*每节前的标题*/
.index-mod-title{text-align:center; padding-bottom:40px;}
.index-mod-title .mod-title-name{font-size:32px; color:#333}
.mod-title-en{font-size:12px;color:#666; text-transform:uppercase; margin:10px 0}
.index-title-line{width:187px;height:18px;background:url(../images/x.png) center center no-repeat;margin:10px auto;}
.ywfc { padding:35px 0 0}
.ywfc ul { width:1200px; margin:35px auto; text-align:center}
.ywfc ul li { width:158px;display:inline-block; margin:0 90px 0 0; text-align:center;-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;}
.ywfc ul li .tb { width:108px; height:108px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; overflow:hidden; background:#0b7cc3; margin:0 auto}
.ywfc ul li .tb img { width:100%}
.ywfc ul li h3 { font-size:18px; text-align:center; margin:20px 0; color:#333; font-weight:normal}
.sgdx { text-align: center; padding:25px 0 0}
.sgdx ul { width:1200px; margin:50px auto}
.sgdx ul li {width:158px;display:inline-block; margin:0 10px 0 0; text-align:center;-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;}
.sgdx ul li.last { margin-right:0}
.sgdx ul li .tb { width:108px; height:108px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; overflow:hidden; border:#0b7cc3 1px solid; margin:0 auto}
.sgdx ul li img { width:100%}
.sgdx ul li h3 { font-size:18px; text-align:center; margin:20px 0; color:#333; font-weight:normal}
.sy_sk { width:1200px; margin:30px auto 50px; overflow:hidden}
.sy_sk .bt { height:35px; background:url(../images/bt.png) left center no-repeat; padding-left:30px; font-size:18px; color:#333; line-height:35px; margin-bottom:10px;}
.sy_sk .box { width:345px; float:left; padding-right:40px;border-right:#ccc 1px solid}
.sy_sk img { width:100%}
.sy_sk h3 { font-size:16px; color:#0b7cc3; font-weight:bold; margin-bottom:5px;}
.sy_sk p { font-size:14px; color:#666; line-height:1.8}
.sy_sk .nr { padding:10px 0 5px; border-bottom:#ccc 1px dotted; margin:5px 0}
.sy_sk ul li { line-height:28px; position: relative;}
.sy_sk ul li a { color:#333; font-size:14px}
.sy_sk ul li span { position:absolute; right:0; line-height:28px; top:0; color:#333}
.sy_sk .box2 { width:345px; padding:0 40px; float:left; border-right:#ccc 1px solid}
.sy_sk .box3 { width:346px; float: right}

/*新闻*/
.zxzx { overflow:hidden; margin-bottom:50px; padding-bottom:15px}
.zxzx ul { margin-top:40px}
.zxzx ul li { width:373px; float:left; margin-right:40px; background:#f6f6f6}
.zxzx ul li .tp { width:100%; position:relative}
.zxzx ul li .tp img { width:100%}
.zxzx ul li .rq { position: absolute;z-index: 100;-webkit-transition: transform .3s ease-in-out,background-color .2s ease-in-out;transition: transform .3s ease-in-out,background-color .2s ease-in-out;background-color: #4e98cf;
width: 58px;padding-top: 13px;padding-bottom: 13px;color: #fff; left:0; top:0}
.zxzx ul li .rq .month { font-size: 12px; line-height: 16px; display:block; text-align:center}
.zxzx ul li .rq .day {font-size: 28px; line-height: 28px; font-weight: 700; margin-bottom: 2px; display:block; text-align:center}
.zxzx ul li .rq .year { font-size: 12px;line-height: 16px; color: #eee; -webkit-transition: color .1s ease-in-out; transition: color .1s ease-in-out;display:block; text-align:center}
.zxzx ul li:hover .rq { background:#00529e;transform: translateY(-5px);

	-wbkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}
.zxzx ul li .text { width:333px; margin:0 auto; padding:10px 0}
.zxzx ul li h3 { font-size:16px; width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-bottom:10px}
.zxzx ul li p { line-height:25px; font-size:12px;}
.zxzx ul li:hover{box-shadow: 0px 0px 10px #4aa4f2;transform: translateY(-5px);

	-wbkit-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	transition: all 0.3s;

	-wbkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;}


.content {}
.cpzsw { margin:40px auto; background:#f6f6f6; padding:40px 0; }

.cpzs {position:relative; overflow:hidden;}
.cpzs .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}
.cpzs .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}
.cpzs .bd {width:1150px; margin:0 auto;}
.cpzs .bd ul li{display:inline-block; width:265px; float:left; margin:0 10px; border:#eee 1px solid; overflow:hidden}
.cpzs .bd ul li img {width:100%; height:auto;}
.cpzs .bd ul li .wz { width:100%; padding:8px 10px;-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 }
.cpzs .bd ul li .wz h3 { font-size:16px; color:#333; line-height:35px;}
.cpzs .bd ul li .wz span { font-size:12px; line-height:26px; color:#999}
.xx41 li{ display:inline-block;}
.procase_tu03{ width:88px; height:26px; border:1px solid #d2d2d4; display:inline-block; line-height:26px; margin:10px 0 12px 78px; text-align: center; border-radius: 50px; text-transform:uppercase; font-size:12px;}
.cpzs .bd ul li:hover .procase_tu03{ background:#0b7cc3; color:#fff;}
.cpzs .bd ul li img {	width:100%;

	height: 100%;

	-webkit-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;}
.cpzs .bd ul li:hover img {-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);}

.hptj { padding:50px 0; overflow:hidden; background:#f5f5f5; margin:50px 0}
.xx4 {position:relative;}
.xx4 .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}
.xx4 .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}
.xx4 .bd {width:1180px; margin:0 auto;}
.xx4 .bd ul li{display:inline-block; width:275px; float:left; margin:0 10px; overflow:hidden;background-color: #fff;box-shadow: 0 3px 13px 0 rgba(0,0,0,.11);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; margin-bottom:20px;}
.xx4 .bd ul li img {width:100%; height:188px; display:block}
.xx4 .bd ul li .tp { position:relative; overflow:hidden}
.xx4 .bd ul li .tp .mb { width:180px; left:0; bottom:0; height:35px; line-height:35px; font-size:18px; color:#fff; background:rgba(0,0,0,0.6); font-weight: bold; position:absolute; padding:10px 0 5px 10px; display:none}
.xx4 .bd ul li .wz { width:100%; padding:5px 20px;-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 }
.xx4 .bd ul li .wz h3 { font-size:16px; color:#333; line-height:35px;  margin-bottom:10px;}
.xx4 .bd ul li .wz p { font-size:14px; color:#333; margin-bottom:10px}
.xx4 .bd ul li .wz span { font-size:12px; line-height:26px; color:#999}
.xx41 li{ display:inline-block;}
.xx4 .bd ul li:hover{box-shadow: 0 3px 13px 0 rgba(0,0,0,.25);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;transform: translateY(-5px);-wbkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
.xx4 .bd ul li img {	width:100%;

	height:188px;

	-webkit-transition: all 1s;

	-o-transition: all 1s;

	transition: all 1s;}
.xx4 .bd ul li:hover img {-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);}




.hzhb { padding:0px 0 60px; }
.hzhb li { width:240px;-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:#eee 1px solid; height:130px; display:table; float:left; text-align:center; position:relative; background:#fff; z-index:1}
.hzhb li:hover {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);box-shadow: 0 10px 15px 0 rgba(0,0,0,.16),0 15px 40px 0 rgba(0,0,0,.16);transform: translateY(-10px);-wbkit-transform: translateY(-10px);-o-transform: translateY(-10px);-moz-transform: translateY(-10px);transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; z-index:9999}
.hzhb li a { width:100%; height:130px; display:block}
.hzhb li .nrjz {display: table-cell;vertical-align: middle;text-align:center; width:240px; height:130px; margin:0 auto}
.hzhb li.bodnno { border-bottom:none}
.hzhb li.bodrno { border-right:none}
.hzhb li.bodtno { border-top:none}

.gg01_tc{ width:100%; height:130px;position:absolute;top:0;left:0; text-align:center;
}
/*尾部*/
.foot_bigbox{ background:url(../images/footer-bg.jpg);width: 100%; overflow:hidden}
.foot_box{width:1140px;height:250px; margin: 0 auto;}
.foot_left{margin-top:44px;float:left}
.foot_left img{display:block}
.foot_left p{font-size:14px;color:white;margin-left:-15px;margin-top:14px;margin-bottom:0px}
.foot_left p a{text-decoration:none;color:#fff;margin-right:15px;margin-left:15px}
.foot_middle{margin-top:55px;margin-right:90px;float:right}
.foot_middle h2{font-weight:normal;color:#fff;font-size:14px;margin:0px 20px 0px 0px}
.foot_middle h3{color:#0b7cc3;font-size:28px;margin:0px 0px}
.foot_middle p{margin:0px 0px;color:#fff;font-size:14px}
.foot_right{margin-top:50px;float:right}
.foot_right .tu { width:115px; float:left; margin-left:10px;}
.foot_right img{display:block}
.foot_right p{font-size:14PX;text-align:center;color:#fff;margin-top:10px}
.dzwz {line-height:26px;color:#fff;font-size:14px; float:left; width:350px; margin-top:5px;}
.dzwz p { line-height:26px; padding-left:30px;color:#fff;font-size:14px;opacity:0.9;-webkit-opacity:0.9;-moz-opacity:0.9;}
.dzwz p.p1 { background: url(../images/fd-img2.png) left center no-repeat}
.dzwz p.p2 { background: url(../images/fd-img1.png) left center no-repeat}
.dzwz p.p3 { background: url(../images/fd-img4.png) left center no-repeat}
.foot_bigbox>p a{font-size:14px;color:#fff;margin:0px 24px;text-decoration:none}
.foot_bigbox>p{color:#fff;text-align:center;margin-top:4px;margin-bottom:4px; line-height:30px}
.foot_bigbox>h3{color:#fff;text-align:center;font-weight:normal;margin-top:0px;padding-bottom:8px;font-size:14px;}
.index_right-con {position: fixed;width:146px;right: 0px;bottom: 0px;padding-bottom: 308px;padding-right: 37px;background: url(../images/bg-05.png) no-repeat right bottom;}
.btn_top{position:fixed;bottom:100px;right:10px;}
.foot_bigbox>div>p {color: #fff; line-height:45px; background:#000}

/*内页*/
.nban { width:100%; height:354px; position:relative; margin:0 auto}
.ntit{ background:rgba(255,255,255,0.6); height:35px; position:absolute; width:100%; bottom:0; z-index:9; left:0; }
.ntit ul { width:1200px; margin:0 auto}
.ntit ul li { float:left; line-height:35px; margin-right:1px;}
.ntit ul li a { padding:0 30px; background:#eee; color:#000; font-size:14px; display:block}
.ntit ul li a:hover { background:#0b7cc3; color:#fff; -webkit-transition: all 0.4s linear -1ms;

-moz-transition: all 0.4s linear -1ms;

-ms-transition: all 0.4s linear -1ms;

-o-transition: all 0.4s linear -1ms;

transition: all 0.4s linear -1ms;}
.ntit ul li a.on { background:#0b7cc3; color:#fff}
.jianjie { width:1200px; margin:50px auto; line-height:30px; font-size:14px}
.jianjie h2 { font-size:30px; text-align:center; color:#333; margin-bottom:30px; margin-top:25px}
.jianjie p {/* margin-bottom:30px;*/ font-size:14px; line-height:30px;}
.pro-filtrate-result {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

.pro-filtrate-result ul {
       width:1221px; margin:50px auto;
    }

.pro-filtrate-result ul li {
            width: 282px;
            float: left;
            display: block;
            margin: 0 21px 30px 0;
            background: #fff;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-top: 1px solid #ccc;
            border-bottom: 3px solid #0b7cc3;
            transition: all .35s; position:relative}
.pro-filtrate-result ul li img { width:100%}
.pro-filtrate-result ul li .bt { font-size:14px; background:#eee; line-height:35px;text-align:center; color:#333; width:100%}

.pro-filtrate-result ul li:hover {
                border-left: 1px solid #0b7cc3;
                border-right: 1px solid #0b7cc3;
                border-top: 1px solid #0b7cc3;
                cursor: pointer;
                box-shadow: 0 0 10px rgba(0,0,0,0.2);}



.Activsbf1_lb{ width:100%; margin-top:10px;}

.Activsbf1_lb dl{ width:97%; border:1px solid #ebebeb; padding:10px; float:left; margin:0 0 20px; display:inline;}

.Activsbf1_lb dt{ width:20%; float:left; height:150px;overflow:hidden;}

.Activsbf1_lb dt a{ width:580px; height:150px;overflow:hidden;display:table-cell; text-align:center; vertical-align:middle;}

.Activsbf1_lb dt img{ vertical-align:middle; width:100%;}

.Activsbf1_lb dd{ width:75%; float:right; margin-top:15px;}

.Activsbf1_lb dd .newNrtit{ width:100%; line-height:30px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.Activsbf1_lb dd .newNrtit a{font-size:16px; color:#333;}

.Activsbf1_lb dd .newNrjs{ width:100%; margin-top:5px; line-height:32px; color:#707070; font-size:13px; height: 70px; overflow: hidden;}

.Activsbf1_lb dd .Acdltj_time{width:100%; margin:5px 0 0; color:#a9a9a9; font-size:12px}



.Activsbf1_lb dl:hover dt img{-webkit-transition: -webkit-transform 0.3s ease 0s;

	transition: transform 1s ease 0s;

	-webkit-transform-origin: center;

	transform-origin: center;}

.Activsbf1_lb dl:hover dt img{

	-webkit-transform: scale(1.08);

	transform: scale(1.08);

}
/*案例*/
#wrap{
	width: 1200px;
	height: auto;
	margin:50px 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: 20px 10px;
} 
#wrap ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 350px;
	height: 46px;
	padding: 10px 20px;
	background: #fafafa;
}
#wrap ul li .a1 .divA>.p1{
	width: 312px;
	height: 25px;
	font-size: 18px;
    line-height: 25px;
    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: #e77817;
	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 ;}
.zbxm { width:1200px; margin:30px auto;}
.zbxm ul li { background:url(../images/29.jpg) left center no-repeat; padding-left:20px; line-height:38px; border-bottom:#ccc 1px dotted; position:relative;}
.zbxm ul li a { color:#333; font-size:14px;}
.zbxm ul li a:hover { color:#0054a1}
.zbxm ul li span { position:absolute; line-height:32px; font-size:12px; color:#666; width:70px; top:0; right:0;}
.lxwm { margin-top:30px; overflow:hidden}
.lxwm .tit {height:70px; padding-top:50px; background:url(../images/titlx.png) center top no-repeat;}
.lxwm .tit h2 { font-size:30px; color:#333; text-align:center}
.lxwm .nr { padding-top:30px; overflow:hidden; padding-bottom:60px;}
.lxwm .nr .left { width:500px; float:left}
.lxwm .nr .left .bt { font-size:20px; line-height:32px; color:#333;}
.lxwm .nr .left .line { width:100%; height:2px; text-align:left; margin-bottom:40px;}
.lxwm .nr .left .line span { width:50px; height:2px; background:#999; float:left; display:block}
.lxwm .nr .left h3 { font-size:24px; margin-bottom:10px;}
.lxwm .nr .left .dz { font-size:16px; line-height:30px; padding-bottom:50px; border-bottom:#ccc 1px solid; margin-bottom:20px; color:#333}
.lxwm .nr .left p { line-height:38px; color:#333; font-size:22px;}
.lxwm .nr .left p.p1 { background:url(../images/bg_sign2.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p2 { background:url(../images/bg_sign3.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p3 { background:url(../images/bg_sign1.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .left p.p4 { background:url(../images/bg_sign4.png) left center no-repeat; padding-left:30px;}
.lxwm .nr .right { width:650px; float:right}
.ny_hzhb { width:1200px; margin:30px auto;}
.ny_hzhb ul li { width:386px; margin-right:20px; margin-bottom:30px; float:left}
.ny_hzhb ul li img { width:100%; /*height: auto;*/height:237px;}
.ny_hzhb ul li .bt { line-height:32px; color:#333; font-size:16px; text-align:center}


.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:#0b7cc3; border:#0b7cc3 1px solid; color:#FFF;}

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


.dqwztit { width:1200px; margin:0 auto; height:40px; line-height:40px; border-bottom:1px solid #ccc; font-size:14px;}
.dqwztit a { font-size:14px}
.cpxq { border:#eee 1px solid; overflow:hidden; background:#fff; width:920px; float:right}
.cpxqtp { width:400px; float:left; border-right:#eee 1px solid; overflow:hidden; padding:10px;}
.picshow {
	 MARGIN: 0px auto; WIDTH: 400px; HEIGHT: 390px;
}

#picarea {
	MARGIN: 0px auto; WIDTH:400px; BACKGROUND: #fff; HEIGHT:390px
}
#bigpicarea {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 400px; HEIGHT: 310px; OVERFLOW: hidden
}
.image {
	TEXT-ALIGN: center
}
.image IMG {
	 MARGIN: 0px auto; width:100%
}
#bigpicarea .word {
	TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333
}
#bigpicarea .word H3 {
	TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px
}
#bigpicarea .ui-els-hide {
	DISPLAY: none
}
#thumbs {
	LIST-STYLE-TYPE: none; left:0; WIDTH: 400px; HEIGHT: 110px
}
* HTML #thumbs {
	HEIGHT: 100%
}
#thumbs LI {
	MARGIN: 0px 1px; WIDTH: 79px; DISPLAY: inline; FLOAT: left; HEIGHT: 60px
}
#thumbs UL {
	MARGIN-TOP: 3px
}
#thumbs LI.last_img {
	MARGIN-RIGHT: 4px
}
#thumbs LI.first {
	MARGIN: 25px 10px 0px 10px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI.last {
	MARGIN: 25px 10px 0px 10px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI A {
	BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid; WIDTH:79px; DISPLAY: block; FONT-SIZE: 0px; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid
}
#thumbs LI A:hover {
	BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid
}
#thumbs LI A.current {
	BORDER-BOTTOM: #007fe0 1px solid; BORDER-LEFT: #007fe0 1px solid; BORDER-TOP: #007fe0 1px solid; BORDER-RIGHT: #007fe0 1px solid
}
#thumbs LI.first IMG {
	
}
#thumbs LI.last IMG {
	
}
.bigbtnPrev {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 30px
}
.bigbtnNext {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 30px
}
#big_play_prev {
	BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')
}
#big_play_next {
	BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')
}
#smallpicarea {
	MARGIN: 0px auto; WIDTH: 958px; BORDER-TOP: #ececec 1px solid; PADDING-TOP: 20px
}
.cpxqwz { width:450px; float:right; padding:10px;}
.xqwztit { line-height:50px; border-bottom:#ccc 1px solid; font-size:20px;}
.jjtit {line-height:50px; font-size:22px;}
.jjtit span { color:#253f8a}
.xqwznr { font-size:14px; line-height:32px; padding-top:30px; background:#f5f5f5; padding:10px 20px;}
.zx a { width:120px; height:38px; line-height:38px; background:#253f8a; color:#fff; font-size:18px; text-align:center; display:block; margin-top:20px; border-radius:6px;}
.cpxqwz h3 { font-size:25px; color:#0b7cc3; margin-top:10px;}
.cpxqwz h3 span { font-size:14px; color:#333;}
.tabbox1 {width:100%;height: auto;}
.tabmenu1 {width:100%;height:35px; border-bottom:#eee 1px solid}
.tabmenu1 ul {margin:0;padding:0;list-style-type:none;}
.tabmenu1 li { text-align:center; float:left; display:block; width:100px; height:35px; overflow:hidden;background-color: #fff; line-height:35px; display:inline; font-size:14px;  color:#333333; border-right:#eee 1px solid}
.tabmenu1 .cli {text-align:center;float:left;display:block;width:100px;height:35px;overflow:hidden; background: url(../images/hover.png) top repeat-x;line-height:35px;display:inline;font-size:14px; cursor:pointer; color:#0081c3}
#tabcontent1 {width:100%;background-color:#fff;}
#tabcontent1 ul {margin:0;padding:5px;list-style-type: none;}
#tabcontent1 .hidden {display:none;}
.xqms { line-height:30px; font-size:13px; padding:20px;} 
.cpxqyb { width:925px; float:right}
.xgcp { border:#eee 1px solid; margin:20px 0; float:right; width:920px; overflow:hidden}
.xgcp .tit1 { line-height:35px; border-bottom:#eee 1px solid}
.xgcp .tit1 span { width:100px;background: url(../images/hover.png) top repeat-x;line-height:35px;display: block;font-size:14px; color:#0081c3; text-align:center; border-right:#eee 1px solid}
.xgcp ul li { width:214px; float:left; margin-right:20px;}
.xgcp ul li img { width:100%}
.xgcp ul li .bt { line-height:30px; font-size:14px; text-align:center}