@charset "utf-8";

body{background-color:#fff; margin:0; padding:0; font-family:"Microsoft Yahei"; color:#333; min-width: 1290px }

p,span,ul,ol,li,dl,dt,dd,a,h1,h2,h3,h4,h5,h6{ padding:0;margin:0; list-style:none; }

img{ border:0;}



.box-100{ width:100%; text-align:center;}

.box-100 img{display:block;}



.mar_t{ margin-top:24px;}

.clear {clear:both;}

.relative{ position:relative;}

em{ font-style:normal; color:#e53434;}

a em{ color:#e53434;}

a{color:#333; text-decoration:none;}

/*a:visited, a:active{color:#666;text-decoration:none;}*/

a:hover{ color:#0d72d9; text-decoration:none;}



/*--header--*/







.top { width:100%; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s; position:fixed; z-index:999; background:rgba(255,255,255,1); height:80px }

.top.active{position: fixed; top: 0; background:#e1e1e1; height:80px;   }

.top.active::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; filter: blur(0px); -webkit-filter: blur(0px); }

.top.active .logo {}



.logo{float:left;  width:285px; margin:0; position:relative;}



.head { background:#f1f1f1; color:#888; font-size:12px; line-height:32px }





.wtel { width:380px; margin-top:5px; margin-right:13px }

.en { margin-left:16px; }

.en a { line-height:30px; margin:0 5px; text-align:center; font-size:12px; color:#666 }

.en a:hover { line-height:30px; margin:0 5px; text-align:center; font-size:12px; color:#0056a8 }



.sou1 { width:184px; margin-top:28px; font-size:21px; color:#0d72d9; line-height:30px }

.sou1 img { vertical-align:middle; }





.sou { background:#fff; height:26px; line-height:26px; border-radius:30px; width:230px; border: 1px solid #0d72d9; padding:3px 6px; margin-top:20px; margin-left:10px; color:#666; }

.sou input { background:none; border:0; width:140px; height:26px; line-height:26px; outline:0; padding-left:5px; color:#888; font-family:microsoft yahei }

.sou a { color:#999; }



.sq ul { padding:0; margin-bottom:60px }

.sq ul li  h1 {  height:75px;line-height:75px; font-size: 18px; color:#666; background:url(head06.png) left center no-repeat; padding-left:40px; border-bottom:#f1f1f1 solid 1px; font-weight:600 }

.sq ul li  h1  span{ float:right; font-size:14px; color:#999}

.sq ul li  h1  span img { vertical-align:middle; margin-right:6px; }

.sq ul li:hover  h1 { color:#0d72d9; }

.sq2 {margin-bottom: 17px; background:#fff;padding:20px; margin:auto}

.sq2 h2{ line-height: 44px;font-size: 24px;color: #333;margin-bottom: 14px;}

.sq2 p{font-size: 16px;color: #666;line-height: 25px; margin-top:10px;}

.sq2 a{ width:110px; height:40px; background-color:#0d72d9; text-align:center; line-height:40px; color:#fff; font-size:15px;  display:block; margin-top:30px; }

.sq2 a:hover{ width:110px; height:40px; background-color:#333; }

#box,#box2,#box3,#box4{padding:10px;} 

.boxx{ display:none; padding:20px; background-color:#f7f7f7;}

.bottom_logo { width:120px; margin-left:20px; margin-top:15px }

.bottom_logo img { margin-right:6px; }

.bottom_logo p { padding-top:10px; font-size:14px; line-height:21px; padding-right:10px }



/*--footer start--*/

.footer{ width:100%;background:#e1e1e1; color:#666; padding-bottom:30px; }

.ggg { width:780px  }

.foot_nav{  padding:40px 0 20px 0; text-align:left; color:#666; border-bottom:#464f59 1px solid;}

.foot_nav a{ margin:0 10px; font-size:14px }

.foot_nav a:hover,.foot_contact li a:hover{ text-decoration:underline;}

.foot_contact{ margin:26px 0; overflow:hidden; color:#fff }

.foot_contact li{ width:180px; height:80px; float:left; background-position:60px center; background-repeat:no-repeat; padding-left:120px; color:#ccc }



.liu { width:436px; }

.liu { margin-top:30px; font-size:12px; color:#d1d0d0; line-height:26px; }

.liu h3 { font-size:16px; font-weight:600; color:#fff; margin-bottom:20px }



.foot_contact  p { line-height:30px; color:#ccc; font-size:12px;}

.ewm { width:416px; background:#882f17; text-align:center; padding:30px 0; color:#fff; font-size:14px; line-height:30px }

.line { background:url(line.png) no-repeat center; }



.leftmenupage ul {

   margin:0 0 50px 0;

   padding:0;

   text-align:center;

   }



.left_off1 {

 display:inline-block; zoom:1; *display:inline; background:#ebebeb; padding-left:50px; padding-right:50px; height:40px; margin:0 15px; overflow:hidden; white-space:nowrap; text-align:center; transition:all linear .2s; font:16px/40px microsoft yahei; color:#000;



    }



.left_on1 {

    

	 display:inline-block; zoom:1; *display:inline; background:#0d72d9; padding-left:50px; padding-right:50px; height:40px; margin:0 15px; overflow:hidden; white-space:nowrap; text-align:center; transition:all linear .2s; font:16px/40px microsoft yahei; color:#fff;   } 



.xw4 { width:100%; overflow:hidden;}

.xw4 .tp { overflow:hidden; }

.xw4 ul li { width:28.3%; margin:0 2.5%; float:left; text-align:center; margin-bottom:50px }

.xw4 ul li h3 { margin-top:10px; line-height:50px; height:50px; overflow:hidden; font-weight:500; overflow:hidden; }

.xw4 ul li h3 a { font-size:18px; color:#000; }

.xw4 li img{width:100%; height:257px; display:block; transition:all .6s;

-webkit-transition:all .6s;

-moz-transition:all .6s;

-ms-transition:all .6s;

-o-transition:all .6s; border-radius:36px 0 36px 0 }

.xw4 ul li:hover img { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }



.mc_nc1s4_li {

    margin-bottom: 50px;

    border: 1px solid #e8e8e8;

    transition: all .36s;

}



.mc_nc1s4_l .iconfont {

    display: inline-block;

    vertical-align: middle;

    font-size: 40px;

    color: #0028aa;

    transition: all .36s;

}



.mc_nc1s4_lisbox {

    display: block;

    padding: 30px 60px;

    background: #fff;

}



.mc_nc1s4_l {

    width: 80px;

    line-height: 50px;

    border-right: 1px solid #e8e8e8;

}



.mc_nc1s4_r {

    width: 40px;

    line-height: 40px;

}



.mc_nc1s4_r .icon-download {

   

    color: #0028aa;

    transition: all .36s;

    display: inline-block;

    vertical-align: middle;

}



.mc_nc1s4_m {

    width:900px;

    padding: 0 0 0 50px;

}



.mc_nc1s4_m p {

    font-size: 18px;

    font-weight: bold;

    line-height: 50px;

    height: 50px;

    color: #333;

    transition: all .36s;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.foot_copy{ padding:20px 0; background:#fff; width:100%; font-size:14px; color:#4a4a4a; text-align:center;}



.link { font-size:16px; margin:60px auto; }

.link img { vertical-align:middle; }

.link a { margin:0 0 0 30px; padding-top:20px }



.foot_copy a{color:#9aa6b2; margin:0 8px;}

.foot_copy p{ float:right;}

/*--footer end--*/

.newslist { width:100%;}

.newslist li{ overflow:hidden; width:100%; padding:0 0 30px 0; border-bottom:1px solid #e1e1e1; margin-bottom:30px }





.newslist .tu { width:300px; height:200px; float:left; overflow:hidden }

.newslist li img { width:300px; height:200px; transition:all 2s;

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s; }

.newslist li:hover { cursor:pointer }

.newslist li:hover img { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }



.newslist .conts{ float:right; width:860px;  }

.newslist .day,.newslist .date{ display:block; text-align:center; font-family:Arial; }

.newslist .day{ color:#fff; font-size:30px; line-height:36px; margin-top:8px  }

.newslist .date{ font-size:12px; color:#fff; line-height:18px }



.newslist  h3 {font-size:18px; color:#000; font-weight:600; margin:0; line-height:40px; margin-bottom:10px }

.newslist  h3 a { color:#000; }

.newslist p { font-size:16px; color:#777; margin:0; margin-top:20px; line-height:33px }

.newslist p a { color:#777; }

.newslist p a:hover { color:#555; }

.newslist .more { color:#aeacac; font-size:14px; margin-top:20px; width:100px; float:right; text-align:center; background:#f1f1f1; line-height:30px; border-radius:6px }

.newslist .shi { font-size:14px; color:#9c9c9c; }









.newslist1 { width:100%; margin-top:0px; margin-bottom: 70px }

.newslist1 li{ overflow:hidden; width:100%; border:1px solid #f0f0f0; margin-bottom:26px; padding:10px 0 }

.newslist1 li:hover { background:#f8f8f8; padding:10px 0 }

.newslist1 .time{ float:left; width:85px; height:80px; background:#0d72d9; margin-top:3px; margin-left:15px }



.newslist1 .conts{ float:right; width:516px; margin-right:10px }

.newslist1 .day,.newslist1 .date{ text-align:center; display:block; font-family:Arial; }

.newslist1 .day{ height:42px; line-height:42px; color:#fff; font-size:30px; margin-top:8px }

.newslist1 .date{ height:18px; line-height:18px; font-size:10px; color:#fff }

.newslist1 li:hover h3 a { color:#4e4e4e; }

.newslist1 li:hover p { color:#4e4e4e; }

.newslist1 li:hover .more { color:#4e4e4e; }

.newslist1 h3 {font-size:18px; color:#000; margin:0; line-height:30px; font-weight:500 }

.newslist1 h3 a { color:#000; }

.newslist1 p { font-size:16px; color:#777; margin:0; line-height:26px; height: 52px; overflow: hidden }

.newslist1 .more{ margin-left:8px; color:#0d72d9; font-size:14px }

.fl { float:left; }

.fr { float:right; }

.box{ padding:0; margin-bottom:50px; border-bottom: 1px solid #e1e1e1  }

.weizhi { line-height:50px; font-size:16px; background:url(wz.png) no-repeat left; padding-left:30px; text-align:left; width:1170px; margin:0 auto }

.weizhi span { color:#0d72d9; }



.flogo { margin-right:40px; margin-top:0px; }



.ss { width:280px; text-align:left; line-height:32px; font-size:12px; color:#807d7d  }

.ss span { color:#0056a8; font-size:21px; line-height:32px }

.ss img { vertical-align:top; margin-right:6px; margin-top:3px }



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

.wrap0 { width:1300px; margin:0 auto; }

.logo { width:450px;  }



.menu { background:#f0f0f0; margin-bottom:2px }





#nav { width:560px; float:right; margin-left:20px; margin-top:8px }

#nav ul {

    margin:0;

	padding:0;

	

	}

#nav a {

	display:block;



	text-decoration:none;

	color:#666;

	

	line-height:72px;

	padding:0;

	

	font-family:"微软雅黑";

	



	

	font-size:19px;

	

	width: 90px;

	font-weight: 600;

	



	

}

#nav a:hover,#nav a.active {

	color:#0d72d9;

	

	line-height:72px;

	

	padding:0;

	

	

	display:block;

	

	width: 90px;

	



}

#nav li {

	

	



	

	

	float:left;

	text-align:center;

	

	list-style:none;

	font-size:18px;

	



	

}





#nav li ul {

	position:absolute;

	top:80px;

	left:-999em;

	

	margin-left:-52px;

   *margin-left:-56px;

    width:200px;

	



	z-index:999;

	padding:0;

	background:#f1f1f1;

	

	

}

#nav li ul li {

	

	

	

	

	border-right:0;

	padding:0;

	font-size:16px;

	text-align:center;

	width: 100%；

	float:left;

	height: 40px;

	

	

	

}

#nav li ul a {

	display:block;

	width:200px;



	line-height:40px;

	font-weight:500;

	padding:0;

	



	color:#666;

	font-size:16px;

	

	

}



#nav li ul a:hover {

	color:#fff;

	

	width:200px;

	line-height:40px;

	padding:0;



	font-weight:500;

	border-bottom:0;

	background:#0d72d9; 

	border-radius:0;



}

#nav li:hover ul {

	left:auto;

}

#nav li.sfhover ul {

	left: auto;

}

#nav .arrowFront, #nav .arrowAfter {

	width:2px;

	height:30px;

	

	overflow:hidden;

	text-indent:-999em;

}

#nav .arrowFront a, #nav .arrowAfter a {

	line-height:30px;

}

#nav .arrowFront {

	float:left;

	background-position:-54px -68px

}

#nav .arrowAfter {

	float:right;

	background-position:-83px -68px

}

.ban { height:280px; padding-top: 80px; }

.ban .wrap { position: relative }

.wen { position: absolute; top:100px; width: 65px; border-bottom: 2px solid #fff; padding-bottom: 5px; left:0; font-size:30px; color: #fff  }





.image { text-align:center; margin:50px 0 }





.left{width: 460px;float: left; margin-top:80px}

.left span{line-height:100px; margin-bottom:20px; color: #1a1a1a;font-size: 26px;}

.left p{color: #666;line-height: 36px; font-size:14px }

.right{width: 539px;height: 359px;padding: 9px;background: #fff;border: 1px solid #e6e6e6;float: right; margin:50px 0 }



.left1 { width: 230px; float: left }





.LeftMenu{ width:230px;}



.Menu .column{ line-height:50px; background:url(../images/pic_MenuTopBg.png); font-size:16px; font-weight:bold; color:#fff; padding:0 75px 0 32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.Menu .column a{ color:#fff;}

.Menu .list a{ display:block; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.Menu .list .one > li{ background:#f1f1f1;}

.Menu .list .one > li.btm{ background:url(../images/menu_btmBg.png) !important; height:50px; border-top:1px solid #fff;}

.Menu .list .one > li > a{ line-height:49px; height:49px; font-size:15px; color:#000; font-weight:bold; padding:0 32px;}

.Menu .list .one > li+li > a{ border-top:1px solid #fff;}

.Menu .list .one > li > a span{ position:absolute; top:0; right:15px; width:16px; height:50px; background:url(../images/menu_more_off.png) right center no-repeat;}

.Menu .list .one > li:hover > a,

.Menu .list .one > li.on > a{ background:#e1e1e1;}

.Menu .list .one > li.level:hover > a span,

.Menu .list .one > li.level.on > a span{ background-image:url(../images/menu_more_on.png);}

.Menu .list .two{ display:none; padding:15px 0;}

.Menu .list .on > .two{ display:block;}

.Menu .list .two > li > a{ line-height:35px; font-size: 14px; padding:0 16px 0 46px;}

.Menu .list .two > li > a span{ position:absolute; left:26px; top:0; height:100%; width:11px; background:url(../images/button_prodTwo_off.png) center no-repeat;}

.Menu .list .two > li.on > a,

.Menu .list .two > li > a:hover{ background:url(../images/pic_prodTwoBg.png) center no-repeat; color:#fff; font-weight:bold;}

.Menu .list .two > li.on > a span,

.Menu .list .two > li > a:hover span{ background-image:url(../images/button_prodTwo_on_white.png);}

.Menu .list .two > li.on2 > a{ background:none; color:#414446; font-weight:500;}

.Menu .list .two > li.on2 > a span{ background-image:url(../images/button_prodTwo_on.png);}

.Menu .list .three{ display:none;}

.Menu .list .on > .three{ display:block;}

.Menu .list .three > li > a{ line-height:30px; font-size: 12px; padding:0 30px 0 55px;}

.Menu .list .three > li > a span{ position:absolute; display:block; width:3px; height:3px; left:45px; top:50%; margin-top:-2px; background:#555;}

.Menu .list .three > li.on > a,

.Menu .list .three > li > a:hover{ background:url(../images/pic_prodTwoBg.png) center no-repeat; color:#fff; font-size: 12px; }

.Menu .list .three > li.on > a span,

.Menu .list .three > li > a:hover span{ background:#fff;}

.Menu .list+.assist{ padding-top:24px;}

.Menu .assist li+li{ padding-top:20px;}

.Menu .assist a{ display:block; height:80px; text-align:right; padding-right:35px; font-size:14px; font-weight:bold; color:#555; line-height:80px;}

.Menu .assist .prod a{ background:url(../images/menu_product_pic.png);}

.Menu .assist .about a{ background:url(../images/menu_about_pic.png);}

.Menu .assist .serv a{ background:url(../images/menu_services_pic.png);}

.Menu .assist .solu a{ background:url(../images/menu_solution_pic.png);}



.right1 { width: 900px; float: right }

.Current{ text-align:right; background:url(../images/pic_Current.png) right center no-repeat; font-size:14px; color:#999; line-height:20px; padding:10px 15px 10px 0;}

.Current a{ font-size:14px; color:#999;}

.Current a:hover,

.Current span{ color:#333;}

.Current .s{ background:url(../images/pic_CurrentNext.png) center no-repeat;}

.right1 .Current{ line-height:36px; padding:0; border-bottom:1px solid #e1e1e1;}

.right1 .Current .name{ float:left; font-size:18px; color:#333; font-weight:bold; border-bottom:2px solid #0d72d9; position:relative; top:-1px; position:relative;}

.right1 .Current .name i{ display:block; position:absolute; width:4px; height:4px; left:-10px; top:50%; margin-top:-2px; background:url(../images/pic_ColumnName.png) left center no-repeat;}



.cp1 { margin-bottom:20px; padding:0;  }

.cp1 li { width:359px; overflow:hidden; margin:0; padding:0; list-style:none; text-align:center; float:left; margin-right:60px; margin-bottom:40px; }

.cp1 li img { width:359px; height:238px; margin-bottom:2px }





.js { background:#999; font-size:14px; line-height:26px; padding:20px; text-align:left }

.js a { color:#fff; }

.js span { font-size:26px; line-height:40px }

.js:hover { background:#0056a8; }









#focus-wrap{ position:relative; height:546px; margin-bottom:60px }

#frame{width:100%; height:546px; overflow:hidden;}

#img{ position:relative;overflow:hidden; width:100%; height:546px }

#img ul { margin:0; padding:0; }

#img li{ width:100%; height:546px; display:none; position:absolute; top:0px; left:0px; margin:0; padding:0; list-style:none }

#btn{ z-index:99; position:absolute; bottom:30px; left:0; right:0 }

#btn p{ text-align:center }

#btn span{ display:inline-block; cursor:pointer; margin:0 10px; width:9px; height:9px; background:#fff; border:1px solid #fff; border-radius:100% }

#btn span.hov{ background:none; border:1px solid #fff}





.gs1 { margin-right:26px; width:381px; height:305px; position:relative; float:left  }

.gs1 .js p { margin:0; }

.gs1 .js h3 { margin:0; font-size:18px; font-weight:100; margin-bottom:5px }

.gs1 .js { font-size:14px; color:#fff; font-weight:100; text-align:left; margin:0; line-height:26px; width:351px; height:80px; overflow:hidden; position:absolute; bottom:0; z-index:999; filter: alpha(Opacity=0); opacity:0; padding:15px; }

.gs1:hover .js { font-size:14px; color:#fff; font-weight:100; text-align:left; background: rgba(187, 39, 24, 0.8);  line-height:26px; filter: alpha(Opacity=100); opacity:1; transition:all 2s;

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s;

cursor:pointer; 

 }

.zxbt { text-align:center; margin:40px 0 }

.abo { width:888px; margin:0 auto; font-size:16px; text-align:center; color:#666; line-height:36px }



.ke { background:url(ke.jpg) no-repeat top center; padding:26px 0 100px 0 }

.hj { background:#f8f8f8 url(sj1.png) no-repeat top center; padding:20px 0 80px 0 }







.bo { width:150px; text-align:center; margin-right:59px }

.bo img { margin-bottom:20px; }

.bo p { font-size:18px; line-height:30px; margin-bottom:20px }

.bo a { width:128px; line-height:36px; color:#bb2718; display:block; border:2px solid ; margin:0 auto; border-radius:30px; }

.bo a:hover { width:128px; line-height:36px; color:#fff; display:block; background:#bb2718; border:2px solid ; border-radius:30px; }



.anli { width:300px; height:185px; margin-right:11px; margin-bottom:9px }

.anli { position:relative; }

.anli .mc { opacity:1; background:rgba(0, 0, 0, 0.6); position:absolute; z-index:999; color:#fff; line-height:34px; text-align:left; font-size:12px; width:270px; padding-left:30px; bottom:0; left:0 }

.anli:hover .mc { opacity:1; background:rgba(187, 39, 24, 0.6) }



.anli1 { width:578px; height:380px; }

.anli1 { position:relative; }

.anli1 .mc { opacity:1; background:rgba(0, 0, 0, 0.6); position:absolute; z-index:999; color:#fff; line-height:34px; text-align:left; font-size:12px; width:548px; padding-left:30px; bottom:0; left:0 }

.anli1:hover .mc { opacity:1; background:rgba(187, 39, 24, 0.6) }





.kk { width:260px; margin-top:30px; font-size:14px; color:#666; line-height:26px; margin-right:30px }

.kk h3 { font-size:16px; font-weight:600; color:#333; margin-bottom:20px }

.kk ul { width:120px; float:left; }

.kk li { list-style:none; line-height:28px; font-size:14px; }

.kk a { color:#666; font-size: 16px }

.kk a:hover { color:#0d72d9; }



.wx { text-align:center; font-size:12px; width:120px; margin-top:26px; margin-left:10px }

.wx p { margin:0; line-height:30px; text-align:center }

.wx img { padding:5px; border:1px solid #fff; }



.fy { text-align:center; margin-top:30px; margin-bottom:50px }

.fy a { width:35px; line-height:26px; background:#d1d2d1; color:#000; font-size:14px; display:inline-block; text-align:center; margin:0 5px }

.fy a:hover,a.cut { width:35px; line-height:26px; background:#0d72d9; color:#fff; display:inline-block; margin:0 5px }

.fy span{ width:35px; line-height:26px; background:#d1d2d1; color:#000; font-size:14px; display:inline-block; text-align:center; margin:0 5px;width:35px; line-height:26px; background:#0d72d9; color:#fff; display:inline-block; margin:0 5px}





.tabTit3 { text-align:center; transition:top linear .2s; margin-bottom:50px;}

.tabTit3 li { height:40px; background:#f1f1f1; width: 32.6%; margin:0 1% 10px 0; overflow:hidden; white-space:nowrap; text-align:center; float: left; transition:all linear .2s; font:18px/40px microsoft yahei; color:#333; }

.tabTit3 li:hover,.tabTit3 li.on { color:#fff; background:#0d72d9; }

.tabTit3 li.on a { color:#fff; }

.tabTit3 li:hover a { color: #fff; }

.tabTit3 ul li:nth-child(3n){margin-right:0;}

.tabTit3 ul li:last-child {margin-right:0;}







.tabTit2 { text-align:center; transition:top linear .2s; margin-bottom:50px;}

.tabTit2 li { height:40px; background:#f1f1f1; width: 49.5%; margin:0 1% 0 0; overflow:hidden; white-space:nowrap; text-align:center; float: left; transition:all linear .2s; font:18px/40px microsoft yahei; color:#333; }

.tabTit2 li:hover,.tabTit2 li.on { color:#fff; background:#0d72d9; }

.tabTit2 li.on a { color:#fff; }

.tabTit2 li:hover a { color: #fff; }

.tabTit2 ul li:nth-child(2n){margin-right:0;}

.tabTit2 ul li:last-child {margin-right:0;}









.tabTit8 { text-align:center; transition:top linear .2s; margin-bottom:50px;}

.tabTit8 li { height:40px; background:#f1f1f1; width: 11.6%; margin:0 1% 0 0; overflow:hidden; white-space:nowrap; text-align:center; float: left; transition:all linear .2s; font:18px/40px microsoft yahei; color:#333; }

.tabTit8 li:hover,.tabTit8 li.on { color:#fff; background:#0d72d9; }

.tabTit8 li.on a { color:#fff; }

.tabTit8 li:hover a { color: #fff; }

.tabTit8 ul li:nth-child(8n){margin-right:0;}

.tabTit8 ul li:last-child {margin-right:0;}





.tabTit5 { text-align:center; transition:top linear .2s; margin-bottom:50px;}

.tabTit5 li { height:40px; background:#f1f1f1; width: 19.2%; margin:0 1% 0 0; overflow:hidden; white-space:nowrap; text-align:center; float: left; transition:all linear .2s; font:18px/40px microsoft yahei; color:#333; }

.tabTit5 li:hover,.tabTit5 li.on { color:#fff; background:#0d72d9; }

.tabTit5 li.on a { color:#fff; }

.tabTit5 li:hover a { color: #fff; }

.tabTit5 ul li:nth-child(5n){margin-right:0;}

.tabTit5 ul li:last-child {margin-right:0;}





.article_list{ margin:50px auto;}

.article_list li{ clear:both; margin-top:30px; }

.article_list li .pic { float:left; height:260px; overflow:hidden }

.article_list li .pic img { width:380px; height:260px; transition:all 2s;

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s; }

.article_list li:hover .pic img { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }

.article_list li .txt{ float:right; width:770px; padding-top:20px }

.article_list li .txt h2 strong a{ font-weight:500; color:#000; font-size:21px; line-height:40px; margin-bottom:36px }

.article_list li:hover .txt h2 strong a{color:

#000; }

.article_list li .txt p {  color:#666; margin-top:5px; font-size:14px; line-height:30px;}

.article_list li .txt p a{ margin-top:15px;line-height:40px; background:#f0f0f0; display:block; border-radius:40px; text-align:center; float:right; margin-right:10px; color:

#fff;   width:120px; }

.article_list li:hover .txt p a{ color:#fff; background:

#333; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; }

.clearfix {



  *zoom: 1;



}



.clearfix:before,



.clearfix:after {



  display: table;



  content: "";



  line-height: 0;



}



.clearfix:after {



  clear: both;



}



.new1 { margin-top:40px; }

.new1 h3 { text-align:left; font-size:18px; color:#000; padding-left:0px; font-weight:100; margin:20px 0 10px 0 }

.new1 li { width:270px; margin-right:30px; float:left; margin-bottom:36px; padding-bottom:10px; list-style:none }

.new1 li img { width:270px; height:170px; transition:all 2s;

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s;  }

.new1 li img:hover { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }

.new1 li p { font-size:12px; color:#888; text-align:left; padding:0; line-height:26px; margin:0 }

.new1 li p a { color:#0056a8; }

.new1 li p a:hover { color:#000; }



.t_p { overflow:hidden; height:212px }

.t_p1 { overflow:hidden; height:280px }



.new2 { margin-top:40px; }



.new2 li { background:#fff; width:280px; margin-right:30px; float:left; margin-bottom:26px; list-style:none }

.new2 li img { width:280px; height:212px; transition:all 2s;

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s;  }

.new2 li img:hover { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }



.new2 li p { font-size:14px; color:#000; text-align:center; padding:0; width:100%; line-height:40px; margin:0; }

.new2 li a { color:#000; }

.new2 li:hover a { color:#0d72d9; }

.new2 li:hover p { color:#0d72d9;}



.t_p2 { overflow:hidden; height:308px }



.new3 { margin-top:40px; }



.new3 li { background:#fff;  position:relative; width:370px; height:308px; margin-right:30px; float:left; list-style:none }

.new3 li img { width:370px; height:308px; transition:all 2s;

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s;  }



.new3 li:hover img { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }



.new3 li .wz { font-size:12px; color:#fff; text-align:left; padding:18px 0; width:100%; line-height:21px; margin:0; position:absolute; bottom:0px; width:100%; background:rgba(0,0,0,0.6) }

.new3 li .wz h3 { font-size:18px; margin-bottom:10px; font-weight:100; padding-left:20px }

.new3 li .wz p { padding:0 20px; }

.new3 li a { color:#fff; }

.new3 li:hover .wz { color:#fff; }

.new3 li:hover .wz { background:rgba(1,104,172,0.7)}





.all_title1 {

	margin-bottom:56px;

	text-align: center;

	

	

}

.all_title1 h3 {

	font-size: 36px;

	color: #000;

	line-height:40px;

	font-weight:600;

	

}

.all_title1 h4 {

	color: #666;

	font-size:16px;

	line-height:40px;

	margin-bottom:10px;

	font-weight:500;

	letter-spacing:2px;



}

.xian { width:28px; margin:0 auto; background:#f0f0f0; height:2px }



.btns1 { width:200px; height:40px; margin:0 auto; margin-bottom: 50px }

.btns1 a{ overflow:hidden; width:198px; line-height:38px; font:14px/38px microsoft yahei; color:#fff; background: #0d72d9; text-align:center; display:block; transition:all linear .2s;}

.btns1 a:hover{ color:#fff; background:#444; transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; text-decoration:none; -ms-transition:all .6s linear;}



.bei { background:#f8f8f8; padding:50px 0 50px 0; }









.artical { line-height:30px; font-size:16px; color:#666; width:80%; margin:0 auto }

.artical p {  padding:25px 0 25px 0; line-height: 30px }

.artical img { width: 100% }



.case-item { margin:0 0 50px 0; float:left;}

.case-item li { width:360px; float:left; background:#f8f8f8; margin-right:44px; text-align:center; padding-bottom:10px; margin-top:30px }



.case-item li img { width:360; height:226px; transition:all 2s;

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s; }

.case-item li:hover img { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }



.case-item li p{ padding:10px 20px; color:#666; font-size:12px;}

.case-item li b a{ font-weight:normal;padding:0 20px; display:block; margin-top:20px; font-size:18px }



.case-item li .more2 { width:345px; margin:0 auto; color:#1b94d3; text-align:center; border-top:1px solid #888; line-height:40px }

.case-item li .more2 a { color:#1b94d3;  }

.case-item li:hover .more2 a { color:#333;  }



.flexslider {position:relative;width:100%; margin:0 auto;height:410px; background:#fff;overflow:hidden;zoom:1; margin-bottom:50px }

.flexslider .slides li {width:100%;height:100%;}

.flex-direction-nav a {width:70px;height: 70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position: absolute;top:50%;z-index: 10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px;}

.flex-direction-nav .flex-next {background-position:0 -70px;right:100px;}

.flex-direction-nav .flex-prev {left:100px;}

.flexslider:hover .flex-next {opacity:0.8;filter:alpha(opacity=25);}

.flexslider:hover .flex-prev {opacity:0.8;filter:alpha(opacity=25);}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}

.flex-control-nav {width:100%;position:absolute;bottom:10px;text-align:center;}

.flex-control-nav li {margin: 0 10px;display: inline-block;zoom: 1;*display: inline;}

.flex-control-paging li a {display:block;overflow:hidden;text-indent:-99em;cursor:pointer; width:10px; height:10px; background:#fff;}

.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background:#fff;opacity:1; width:20px; height:10px; filter:alpha(opacity=100)}

.flexslider .slides a img {width:100%;height:410px;display:block;}



.flexslider0 {position:relative;width:100%; margin:0 auto;height:280px; background:#fff;overflow:hidden;zoom:1; margin-bottom:6px }

.flexslider0 .slides li {width:100%;height:100%;}

.flexslider0 .slides a img {width:100%;height:280px;display:block;}

.flexslider0:hover .flex-next {opacity:0.8;filter:alpha(opacity=25);}

.flexslider0:hover .flex-prev {opacity:0.8;filter:alpha(opacity=25);}

.flexslider0:hover .flex-next:hover,.flexslider0:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}





.title h3 {font-size:30px;text-align: center; color:#333; font-weight:normal; line-height:40px;text-shadow: rgba(0,0,0,.15) 0 0 1px;}

.title .yw { background:url(yw.png) no-repeat center; font-size:14px; text-align:center; line-height:46px; color:#fff }

.title p.desc {font-size: 14px; text-align: center;width: 80%; color: #999; margin: 0 auto; margin-bottom:50px;font-family: "Microsoft YaHei";}

/*.caption{ background:url(../images/index-part-bg.png) no-repeat; width:1200px; margin:0 auto; height:59px; line-height:59px; text-align:center; font-size:24px; color:#fff;}*/



.about{ overflow:hidden; width:100%; background:url(abg.jpg) no-repeat; padding:50px 0 0 0; margin-bottom:50px }

.about p { font-size:14px; color:#666; line-height:26px; text-align:center; padding:0 150px; }





.ho { width:320px; height:178px; float:left; position:relative }

.ho .mc { position:absolute; left:0; bottom:0; filter: alpha(Opacity=0); opacity:0; background: rgba(0, 0, 0, 0.5); color:#fff; width:100%; height:100%; font-size:18px; line-height:45px; text-align:center; }

.ho .mc img { width:38px; margin-top:23% }



.ho:hover .mc { filter: alpha(Opacity=100); opacity:1; transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out; }





.he { position:relative; }

.hezuo { position:absolute; color:#fff; top:-60px; right:50px; height:459px; width:310px; background:rgba(0,0,0,0.8) }

.hezuo h3 { font-size:18px; padding-left:70px; font-weight:400px; line-height:60px }

.hezuo p { font-size:14px; line-height:30px; padding-left:70px }

.hezuo p span { font-size:21px; }

.hezuo li { line-height:30px; font-size:14px; padding-left:70px }

.geng { width:310px; line-height:52px; text-align:center; background:#f0f0f0; margin-top:10px }

.geng:hover { background:#333; }

.geng a { font-size:12px; color:#fff; }

.mb50 { margin-bottom:60px; }



.news_center_list_img { width:380px; height:260px; float:left; position:relative }

.news_center_list_img img {

	width: 100%;

	transition: 0.3s all;

	-webkit-transition: 0.3s all;

}

.news_center_list_img .mc { position:absolute; left:0; bottom:0; filter: alpha(Opacity=0); opacity:0; background: rgba(231, 0, 18, 0.8); color:#fff; width:100%; height:100%; font-size:18px; line-height:45px; text-align:center; }

.news_center_list_img .mc img { width:38px; margin-top:23% }



.news_center_list_img:hover .mc { filter: alpha(Opacity=100); opacity:1; transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out; }

.mr30 { margin-right:29px; }



.new5 h3 { text-align:center; font-size:18px; line-height:26px; color:#000; padding-left:0px; font-weight:400; margin:0px 0 16px 0 }

.new5 li { width:220px; margin-right:105px; float:left; text-align:center; padding:0; list-style:none; }

.new5 li:hover { width:220px; margin-right:105px; float:left; border-radius:10px; text-align:center; padding:0; list-style:none; cursor:pointer }



.new5 li img { width:190px; height:190px; margin-bottom:15px;  transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; }

.new5 li:hover img { transform: rotate(360deg);

-ms-transform: rotate(360deg);	

-webkit-transform: rotate(360deg);	

-o-transform: rotate(360deg);		

-moz-transform: rotate(360deg); transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; cursor:pointer }

.new5 li p { font-size:14px; color:#666; text-align:center; padding:0; line-height:26px; margin:0; padding:0 }



.hz { background:#f8f8f8; margin-bottom:60px; height:336px; margin-bottom:30px }



.hz3 { width:586px; height:336px; overflow:hidden; }

.hz:hover img { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }

.hz3 img { width:586px; height:336px; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; }

.ang { padding:26px 30px 30px 30px; width:530px }

.ang span { width:40px; height:1px; background:#f0f0f0; display:block; margin:0 auto }

.ang h3 { color:#000;

	

	font-size: 26px;

	line-height: 35px;

	font-weight: 500;

	margin:0;

	text-align:center;

	margin-bottom:10px; }

.ang p { margin-top:20px; 

	color:#444; 

	line-height:30px;

	font-size:14px; }

.xd { position:relative; height:480px; margin-bottom:50px }

.jd { position:absolute; z-index:9; right:0px; top:50px; width:467px; height:103px; background:rgba(222,36,24, 0.9);  }



.biaoti h3 { color:#fff; font-size:28px; padding-left:120px; text-align:left; line-height:106px; margin:0; font-weight:100; }

.tu0 { width:800px; height:480px; overflow:hidden  }



.xd:hover img { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }

.tu0 img { width:800px; height:480px; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; }

.cpjs { width:380px; }

.cpjs p { line-height:26px; font-size:14px; color:#666; margin-top:176px; padding:0 30px; margin-bottom:30px; overflow:hidden }

.hezuo1 { width:360px; }

.hezuo1 h3 { font-size:18px; padding-left:70px; font-weight:400px; line-height:60px; color:#000 }

.hezuo1 p { font-size:14px; line-height:30px; padding-left:70px }

.hezuo1 p span { font-size:21px; color:#f0f0f0 }

.hezuo1 li { line-height:30px; font-size:14px; padding-left:70px }

.hz0 { background:#f8f8f8; margin-bottom:60px; padding:30px 60px }



.srk { line-height:36px; color:#fff; outline:none; border:1px solid #fff; background:none; padding:0 10px; width:180px; margin-bottom:10px; margin-right:15px }

.srk2 { line-height:36px; height:36px; color:#fff; outline:none; border:1px solid #fff; background:none; padding:0 10px; width:202px; margin-bottom:10px; margin-right:15px }





.srk3 { line-height:36px; height:60px; color:#fff; outline:none; border:1px solid #fff; background:none; padding:0 10px; width:398px; margin-bottom:10px; }

.tjan a { width:167px; line-height:30px; margin:0 auto; display:block; background:#dd241e; color:#fff; font-size:12px; text-align:center; }

.tjan a:hover { width:167px; line-height:30px; display:block; background:#fa0b1d; color:#fff; font-size:12px; text-align:center; }



.banner{width:100%; height:100vh; margin:0 auto; overflow:hidden; position:relative; margin-bottom:50px; }

.banner .hd{position:absolute; width:100%; bottom:10px; text-align:center; z-index:99;}

.banner .hd ul li{display:inline-block; margin:0 5px; width:10px; height:10px; text-indent:-9999px; background:#fff; border-radius:5px; cursor:pointer;}

.banner .hd ul li.on{background:#f0f0f0; width:18px; height:10px; }

.banner .bd{height:100%}

.banner .bd ul{height:100%}

.banner .bd ul li{height:100%}

.banner .bd ul li a{display:block; height:100vh }

.banner .prev{position:absolute; top:50%; margin-top:-24px; left:2%; z-index:99; filter:alpha(Opacity=20); opacity:.2; transition: all 0.5s; cursor:pointer;}

.banner:hover .prev{filter:alpha(Opacity=100); opacity:1;transition: all 0.5s;}

.banner .next{position:absolute; top:50%; margin-top:-24px; right:2%; z-index:99; filter:alpha(Opacity=20); opacity:.2; transition: all 0.5s; cursor:pointer;}

.banner:hover .next{filter:alpha(Opacity=100); opacity:1;transition: all 0.5s;}





.ryzz { overflow:hidden; width:1300px; margin:0 auto; padding:0; margin-bottom: 60px  }



.ryzz .ryzzBox{ overflow:hidden; width:100%; position:relative; margin-bottom:30px }

.ryzz .ryzzBox>a{ display:block; width:35px; height:65px; position:absolute; top:110px;}

.ryzz .ryLeft{ background:url(jzLefta.png) no-repeat left top; left:0}



.ryzz .ryRight{ background:url(jzRighta.png) no-repeat right top; right:0}



.ryzz .ryzzWin{ overflow:hidden; width:1200px; height:330px; position:relative; margin:0 auto; }

.ryzz .ryzzWin ul{ overflow:hidden; position:absolute;}



.ryzz .ryzzWin li { width:370px; height:330px; float:left; margin-right:50px; position:relative; text-align:center; }



.ryzz .ryzzWin li img { width:370px; height:280px; transition:all 2s;

-webkit-transition:all 1s;

-moz-transition:all 1s;

-ms-transition:all 1s;

-o-transition:all 1s; }

.ryzz .ryzzWin li:hover img { transform:scale(1.1);

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-ms-transform:scale(1.1);

-o-transform:scale(1.1); }



.ryzz .ryzzWin li p { line-height:40px; text-align:center; color:#000; font-size:18px; font-weight: bold  }







.ryzz .ryzzWin li .more2 { width:345px; margin:0 auto; color:#1b94d3; text-align:center; border-top:1px solid #888; line-height:40px }

.ryzz .ryzzWin li .more2 a { color:#e90c3f; font-size:12px  }

.ryzz .ryzzWin li:hover .more2 a { color:#fff;  }



.ddd { width:640px; }

.ztu { width:520px; }

.nr { width:520px; }

.nr h5 { font-size:26px; margin-bottom:20px; color:#333; line-height:60px; font-weight:500 }

.nr p { line-height:33px; font-size:16px; color:#666; margin-bottom:20px;  overflow: hidden;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;}

.gd { margin-top:40px; }

.gd a { font-size:14px; color:#fff; width:520px; line-height:40px; background:#0d72d9; display:block; text-align:center;  }

.gd a:hover { font-size:14px; color:#fff; width:520px; line-height:40px; background:#444; display:block;  }

.line1 { width:100px; height:3px; background:#999; margin-bottom:30px }



.xw { background:#e1e1e1; padding:60px 0; margin-bottom:60px }





.quan_qiu { width:100%; background:url(88.jpg) repeat-x bottom left; margin-bottom:30px; padding-bottom:20px }





.quan_qiu ul{padding:20px 0;}

.quan_qiu li{float:left;width:236px; text-align:center; border-right:1px solid #f1f1f1;}

.quan_qiu li span{display: block;font-size:16px;line-height:24px;padding-top:6px;}

.quan_qiu li strong{display: block;color:#999;font-size:16px; }

.quan_qiu li b{font-size:38px;font-weight:bold;font-family: Arial, "sans-serif","impact", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica,; color:#f0f0f0; }



.service-item{ margin:20px 0; width:100%; text-align:center}

.service-item a{ display:block; padding:16px 30px; background:#f7f7f7; width:320px; float:left;border-radius:16px; position:relative; }

.service-item a:nth-of-type(2){ margin:0 2%;}

.service-item i{ width:128px; height:128px; border-radius:100px; display:block; margin:12px auto; opacity:1;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.service-item a:hover i{opacity:0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.service-item i.cloud-computer{ background:#359945 url(../Images/cloud-computer.png) no-repeat center center; background-size:100%;}

.service-item i.type-choos{ background:#0d72d9 url(../Images/type-choos.png) no-repeat center center; background-size:100%;}

.service-item i.add-service{ background:#5553a5 url(../Images/add-service.png) no-repeat center center; background-size:100%;}

.service-item h4{font-size:16px; margin-top:20px; height:40px;line-height:40px; -webkit-transition:all ease-out .2s; transition:all ease-out .2s; width: 100%;font-weight:normal;text-shadow: rgba(0,0,0,.15) 0 0 1px;}

.service-item p { color:#848484;font-size:12px;line-height:21px;height:42px;overflow:hidden;width:100%;}

.service-item a .more3 { position:absolute; top:100px; left:126px; width:128px; line-height:37px; margin:0 auto; background:#0d72d9; text-align:center; font-size:14px; color:#fff; border-radius:5px; opacity:0;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; }

.service-item a:hover .more3 { position:absolute; top:100px; left:126px; width:128px; line-height:37px; margin:0 auto; background:#0d72d9; text-align:center; font-size:14px; color:#fff; border-radius:5px; opacity:1;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease; -o-transition: all 1s ease; }





.zxkf{width:60px; position:fixed; right:0; top:60%; margin-top:-30px; z-index:99999;}

.zxkf .dh{margin-bottom:2px; background-color:rgba(13,114,227,.8); width:60px; height:60px; float:right; overflow:hidden;

transition:all 0.5s;

-webkit-transition:all 0.5s;

-moz-transition:all 0.5s;

-ms-transition:all 0.5s;

-o-transition:all 0.5s;}

.zxkf .dh:hover{background-color:rgba(255,125,50,.8); width:210px;}

.zxkf .dh .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/d_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;

transition:all 0.5s;

-webkit-transition:all 0.5s;

-moz-transition:all 0.5s;

-ms-transition:all 0.5s;

-o-transition:all 0.5s;}

.zxkf .dh:hover .tp{background-color:rgba(255,125,50,.8);}

.zxkf .dh .wz{font-size:14px; color:#fff; font-family:Arial; line-height:60px; float:left; margin-left:10px;}

.zxkf .qq{margin-bottom:2px; background-color:rgba(13,114,227,.8); width:60px; height:60px; float:right; overflow:hidden; transition:all 0.5s;

-webkit-transition:all 0.5s;

-moz-transition:all 0.5s;

-ms-transition:all 0.5s;

-o-transition:all 0.5s;}

.zxkf .qq:hover{background-color:rgba(66,167,204,.8); width:150px;}

.zxkf .qq .tp{float:left; width:60px; padding-top:30px; height:60px; background:url(../images/q_q.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;

transition:all 0.5s;

-webkit-transition:all 0.5s;

-moz-transition:all 0.5s;

-ms-transition:all 0.5s;

-o-transition:all 0.5s;}

.zxkf .qq:hover .tp{background-color:rgba(66,167,204,.7);}

.zxkf .qq .wz{font-size:14px; color:#fff; line-height:60px; float:left; margin-left:10px;}

.zxkf .qq .wz a{color:#fff;}

.zxkf .wx0{margin-bottom:2px; background-color:rgba(13,114,227,.8); width:60px; height:60px; float:right; position:relative; transition:all 0.5s;

-webkit-transition:all 0.5s;

-moz-transition:all 0.5s;

-ms-transition:all 0.5s;

-o-transition:all 0.5s;}

.zxkf .wx0:hover{background-color:rgba(95,212,144,.8);}

.zxkf .wx0 .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/w_x.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}

.zxkf .ewm0{position:absolute; width:120px; border:1px solid #e7e7e7; left:-125px; bottom:0; display:none;}

.zxkf .ewm0 img{width:100%; height:auto; display:block;}

.zxkf .wx0:hover .ewm0{display:block;}

.zxkf .fh{margin-bottom:10px; background-color:rgba(13,114,227,.8); width:60px; height:60px; float:right; position:relative; cursor:pointer; display:none;

transition:all 0.5s;

-webkit-transition:all 0.5s;

-moz-transition:all 0.5s;

-ms-transition:all 0.5s;

-o-transition:all 0.5s;}

.zxkf .fh .tp{float:left; width:60px; padding-top:30px; height:30px; background:url(../images/f_h.png) no-repeat center 10px; font-size:12px; line-height:30px; color:#fff; text-align:center;}







.us{padding-bottom:100px;padding-top:5px;}

.us1{width: 460px;text-align: center;}

.us1 .tt{font-size: 18px;font-weight: bold;line-height: 18px;color: #005597;}

.us1 .xian{width: 135px;height: 2px;background: #6397be;margin-top: 23px;}

.us1 .d1{text-align: left; font-size:18px; border-left: 4px solid #dbdbdb;padding-left: 25px; line-height:56px; margin-top: 100px;position: relative;z-index: 3;}

.us1 .d1 .tb1{padding-left: 25px;background: url(../images/us1.png)center left no-repeat;font-size: 16px;line-height: 16px;color: #999;}

.us1 .d1 .txt{font-size: 14px;line-height: 14px;padding-top: 15px;}

.us1 .d1 .tb2{background: url(../images/us2.png)center left no-repeat;}

.us1 .d1 .tb3{background: url(../images/us3.png)center left no-repeat;}

.us1 .chuan{margin-top: -200px;}



.us2 {width: 648px; margin-top: 60px }