﻿@charset "utf-8";
/* Reset */
@import url("lib.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0;}


table { /*border-collapse: collapse; border-spacing: 0; */}
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }

body,html{ margin:0; padding:0;-webkit-text-size-adjust:none;overflow-x:hidden;}
html{}
body{ color:#747474;font:12px/20px "Microsoft YaHei",Tahoma,Helvetica,Arial,sans-serif; cursor: default;}

body#index{background:#fff;}
body#con{ background:#fff url(img/con_bg.jpg) bottom center no-repeat}

li font{}
a{ color: #000; text-decoration:none; outline:none;
-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
a:hover { color: #24558d;}
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{ display:block; height:0;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* * html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;} */
.clear{clear:both;}/*清除浮动*/
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.hide{ display:none;}
.show {display: block;}
.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.block{ width:1180px; margin:0 auto;}

.ibanner_bg .block{ position:relative;}
.banner_bg .block{ position:relative;}

/* banner */
.ibanner_bg{ height:751px; margin-top:58px;}
.banner_bg{ height:247px; margin-top:77px;}

.topd{}
.topd img{width: 100%;}

.banner{ height:452px; background-position:center center; background-repeat:no-repeat; margin-top: -66px;}

.ihead{height:122px; width:100%;-moz-box-shadow: 0 5px 10px rgba(0,0,0,.21);box-shadow: 0 5px 10px rgba(0,0,0,.21);}

.logo{ height:122px;float:left;}
.logo a{ height:122px; display:block; cursor:pointer;}
.logo img{}
.tel{ float:right; padding-top:18px; padding-right:20px; text-align:right;}
.erweima{ float:right; padding-top:14px;}
.company{ padding-top:5px;}
.company a{ padding-left:20px; background:url(img/icon_company.jpg) left top no-repeat; font-size:14px;}

.menu{ background:url(img/menu.png) repeat-x; height:66px; position:relative; z-index:99;}

		.nav{ width:1200px;}
		.nav a{ color:#6c6c6c;}
		.nav .nLi,
		.nav .img{ float:left;  position:relative; display:inline;}
		.nav .img{ padding-left:50px;}
		
		.nav .nLi h3{ float:left;}
		.nav .nLi h3 a{ display:block; padding:0 13px; font-size:16px; line-height:66px; font-weight:normal; color:#fff; width:105px; text-align:center;}
		.nav .nLi h3 p,
		.nav .nLi h3 span{ line-height:66px; font-size:16px; transition:all ease-out .4s;}
		.nav .nLi h3 a SPAN{ display:none;}
		
		.nav .sub{ display:none; width:210px; left:-47px; top:66px;  position:absolute; line-height:26px; padding:0;}
		.nav .sub li{ zoom:1; padding-bottom:1px;}
		.nav .sub a{ background:#184f8e; background:rgba(10,69,135,.8); display:block; color:#fff; font-size:14px; transition:all ease-out .2s; height:20px; line-height:20px; padding:14px 30px;}
		.nav .sub li a i{ float:right; margin-top:5px; transition:all ease-out .2s; opacity:0}
		.nav .sub li a:hover{ text-indent:10px; background:rgba(10,69,135,.9); color:#fff}
		.nav .sub li a:hover i{ opacity:1}
		
		.nav .on h3 a{color:#fff;}
		.nav h3 a:hover p,
		.nav .on h3 a p{ display:none;}
		.nav h3 a:hover span,
		.nav .on h3 a span{ display:inline-block}
		
		
		
		.slideBox{ width:522px; height:282px; overflow:hidden; position:relative; z-index:1; margin:0 auto; margin-top:5px;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0; }
		.slideBox .bd li{ zoom:1; vertical-align:middle; background-repeat:no-repeat; background-position:center center; height:300px;}
		.slideBox .bd img{ display:block; margin:0 auto; width:522px; height:282px; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
.slideBox .next{
    text-decoration: none;
    display: block;
    width: 67px;
    height: 67px;
	left:50%;
    margin: -33px 0 0 -650px;
    position: absolute;
    top: 50%;
    z-index: 2;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    text-indent: 9999px;
}
.slideBox .prev{margin-left: -400px;background-image: url("img/flex-prev.png");display: block;}
.slideBox .next { margin-left:400px; text-align: right;background-image: url("img/flex-next.png");}

.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox:hover .prev{opacity: 1;margin-left: -330px;}
.slideBox:hover .next{opacity: 1;margin-left: 330px;}

.ibanner{ width:1200px; margin:0 auto; height:608px; position:relative; z-index:2; margin-top:-66px;}
.ibannerbg{ width:1920px; position:absolute; left:50%; margin-left:-960px; top:0;}
#slideBox2{height:608px;width:1920px; }
#slideBox2 .bd li{height:608px; position:relative;width:1920px; }
#slideBox2 .bd li a{ position:absolute; width:1200px; height:608px; display:block; left:160px; top:0px;}
#slideBox2 .bd li:hover a{}
#slideBox2 .bd li p{ text-align:center; color:#FFF; font-size:20px; font-weight:bold; display:none;}
#slideBox2 .bd li span{ width:189px; height:40px; display:block; margin:0 auto; background:url(img/news_but.png); margin-top:50px; display:none;}
#slideBox2 .bd img{ padding:0; width:1920px; height:608px;}
#slideBox2 .prev,
#slideBox2 .next{ width:72px; height:120px; margin-top:-60px;}

#slideBox2 .prev{margin-left: -722px;background-image: url("img/flex-prev-2.png");display: block;}
#slideBox2 .next { margin-left:650px; text-align: right;background-image: url("img/flex-next-2.png");}
#slideBox2:hover .prev{opacity: 1;margin-left: -530px;}
#slideBox2:hover .next{opacity: 1;margin-left: 458px;}

.imain{}
.partner{ width:1020px;margin:0 auto; margin-top:60px;}

		.txtScroll-top{ overflow:hidden; position:relative; width:290px; margin-top:15px;}
		.txtScroll-top .hd{ overflow:hidden;height:0;}
		.txtScroll-top .bd{ padding:0;}
		.txtScroll-top .infoList li{ height:29px; line-height:29px; font-size:14px}
		.txtScroll-top .infoList li .date{ float:right; color:#999;  }
		

		.logolist{ width:1020px; margin:0 auto; margin-top:80px;  overflow:hidden; position:relative; height:90px}
		.logolist .hd{height:0; position:relative;}
		.logolist .hd .prev,.logolist .hd .next{ display:block;  width:40px; height:62px; float:right; overflow:hidden;
			 cursor:pointer; background:url("img/prev_next.png") 5px 0 no-repeat; position:absolute; left:0; top:0;}
		.logolist .hd .next{ background-position:-45px 0 ; right:0; left:auto;}
		.logolist .hd .next:hover,
		.logolist .hd .prev:hover{ background-position-y:-62px;}
		.logolist .hd .prevStop{ display:none;}
		.logolist .hd .nextStop{ display:none;}
		.logolist .hd  span{ display:none;}
		.logolist .hd ul{ display:none;}

		.logolist .bd{overflow:hidden; margin:0 30px 0 40px}
		.logolist .bd ul{ overflow:hidden; zoom:1; }
		.logolist .bd ul li{ width:135PX; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.logolist .bd ul li img{ height:50px;}

.ibox1{ width:1180px; margin:0 auto; margin-top:15px;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;}
.ibox1_box{ width:393px; float:left;}
.ibox1_box img{ float:left; width:87px; height:86px;}
.ibox1_box ul{ width:266px; height:45px; padding:20px; border-bottom:1px solid #dbdbdb; float:left;}
.ibox1_box ul li{ display:inline;}
.ibox1_box ul li a{ display:block; width:66px; height:23px; line-height:23px; color:#2d5881; float:left; overflow: hidden; font-size:14px;}
.ibox1_box ul li a:hover{ color:#0a4587;}

.ibox2{width:1180px; margin:0 auto; margin-top:15px;}
.ibox2 img{ margin-right:4px; float:left;}

.ibox3{width:1180px; margin:0 auto; margin-top:15px;}
.ibox3 img{ margin-right:3px; float:left;}

.ibox4{width:1180px; margin:0 auto; margin-top:15px;}
.ibox4 img{ margin-right:1px; float:left;}
		/* 本例子css */
		.slideTxtBox{ width:493px; text-align:left; float:left; height:225px; background:#f6f6f6; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb}
		.slideTxtBox .hd{ height:37px; line-height:37px; background:#e2e2e2;}
		.slideTxtBox .hd ul{ float:left; width:493px;}
		.slideTxtBox .hd ul li{ float:left; width:50%;cursor:pointer; text-align:center; color:#FFF;}
		.slideTxtBox .hd ul li a{ color:#333333; line-height:37px; font-size:14px;}
		.slideTxtBox .hd ul li.on{ height:37px;  background:#0a4587;}
		.slideTxtBox .hd ul li.on a{ color:#FFF;}
		.slideTxtBox .bd ul{ padding:15px;  zoom:1;}
		.slideTxtBox .bd li{ height:30px; line-height:30px; overflow: hidden;}
		.slideTxtBox .bd li a{ height:30px; line-height:30px; border-bottom: 1px solid #e6e6e6; display:block; font-size:14px;}
		.slideTxtBox .bd li .date{ float:right; color:#999;}

.i_ads{ height:180px; background-repeat:no-repeat; background-position:center center;margin-top:15px;}

.ibox5{ width:1178px; height:345px; margin:0 auto; border:1px solid #dbdbdb; background:#f6f6f6; margin-top:15px;}
.ibox5_left{ width:530px; height:311px; margin:25px 0 0 40px; float:left; background:url(img/bg_leftpic.jpg)}
.ibox5_right{ width:490px; height:300px;  float:left; margin:25px 0 0 40px;}
.ibox5_right ul.ibox5_right_list{ width:490px; height:186px; margin-top:24px;}
.ibox5_right ul.ibox5_right_list li{width:33%; float:left;}
.ibox5_right ul.ibox5_right_list li a{ display:block; border-bottom:1px solid #e6e6e6; width:90%; padding-left:10%; line-height:29px; height:29px; overflow:hidden; float:left; font-size:14px;}

		#slideTxtBox2{ width:490px; height:186px; text-align:left;border:0; margin-top:24px}
		#slideTxtBox2 .hd{ height:30px; line-height:30px; background:none;}
		#slideTxtBox2 .hd ul li{ float:left; width:20%;cursor:pointer; text-align:center;}
		#slideTxtBox2 .hd ul li a{ color:#4a454f; line-height:30px; font-size:14px;}
		#slideTxtBox2 .hd ul li.on{ height:30px;  background:#fff;}
		#slideTxtBox2 .bd ul{ padding:15px;  zoom:1;}
		#slideTxtBox2 .bd li{ height:30px; float:left;width:33%; }
		#slideTxtBox2 .bd li a{ display:block; border-bottom:1px solid #e6e6e6; width:90%; padding-left:10%; line-height:29px; height:29px; overflow:hidden; float:left;}

.ibox6{ width:1180px; margin:0 auto; margin-top:55px;}
.ibox6 h3{ text-align:center;}
.ibox6 ul{ padding-top:17px;}
.ibox6 li{ width:294px; margin-right:1px; float:left; height:180px; overflow:hidden; background:#000; margin-top:1px;}
.ibox6 li img{ width:294px; height:180px;transition: all ease-out .3s;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}
.ibox6 li a:hover img{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}

#iservice{ width:650px;height:320px; margin:0 auto; margin-top:30px; position:relative;}
#iservice .imgsBox{ width:439px; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
#iservice .imgs{ width:9999px; height:100%; position:absolute; left:0; top:0;}
#iservice .imgs img{ width:439px; float:left; height:277px; margin-top:43px;}
#iservice .imgs img.i_service_2{ height:320px; margin-top:0;}

#iservice .btns{ position:absolute; right:0; top:0; z-index:1; width:160px;}
#iservice .btns li{ height:40px; overflow:hidden; cursor:pointer; background:none;transition: height .3s;}
#iservice .btns li span{ font-size:24px; color:#9f9f9f; display:block; line-height:40px; text-align:center;}
#iservice .btns li p{ font-size:14px; color:#59656c; line-height:40px; border:1px solid #a3a3a3; text-align:center; width:158px; margin-top:10px;}

#iservice .btns li.on{height:150px;background:url(img/btns_li_bg.png) center bottom no-repeat; }
#iservice .btns li.on span{ display:none;}

.ibox7{ background:#f8f8f8; padding:30px 0;}
.ibox7 .block{ width:1020px; margin:0 auto;}
.ibox7_left{ width:450px; float:left;}
.ibod7_line{ width:1px; height:88px; border-left:1px solid #d8d8d8; float:left; margin:40px 59px 0 59px}
.ibox7_left h3{ text-align:center;}
.ibox7_left h3 a{ color:#666; font-size:24px; color:#0a4587;}
.ibox7_left div{ font-size:14px; line-height:22px; margin-top:10px;}

.icontact{ background:#334e86;}
.icontact .block{ padding:40px 0;}
.icontact_box{ width:33%; float:left;}
.icontact_box img{ float:left;}
.icontact_box ul{ float:left; color:#a1a1a1; padding-left:20px; border-left:1px solid #FFF; margin-left:20px;}

.footer{ padding:20px 0 40px 0; }
.footer_left{ width:850px; float:left; margin-top:15px; color:#a0a0a0}
.footer_left a{ color:#a0a0a0}
.footer_left img{ float:left; padding-right:20px; padding-bottom:20px;}
.footer_right{ width:233px; float:right;}
.footer_right ul li a{width: 36px;display: block;height: 24px;padding: 5px 0;cursor: pointer;background: #999;border: 1px solid #8b8b8b;border-radius: 18px;float: right;    text-align: center;margin: 0 4px; transition: all ease-out .3s;}
.footer_right ul li a:hover{background:#5e5e5e;}

.showpath{ width:100%; border-bottom:1px solid #d6d6d6; height:40px; overflow:hidden;}
.showpath,.showpath a{ line-height:40px; font-size:20px; color:#000;}
.showpath span{ padding-left:23px; background:url(img/home.jpg) 0 18px no-repeat; float:right; line-height:40px; color:#333; font-size:12px;}
.showpath span a{ font-size:12px;}

.main{ width:1180px; margin:0 auto; min-height:400px; padding-bottom:100px; margin-top:20px;}
/*
.main_about{ background:#fff url(img/about_bg.jpg) center top no-repeat;height:auto !important;height:200px;min-height:200px; padding:230px 110px 50px 110px;}

*/
.main_left{ width:246px; float:left;}
.main_right{ width:830px; float:right;}

.main_about .info{ margin-top:10px; padding:0;}
.main_about .info,
.main_about .info div,
.main_about .info p{ color:#6f747d; line-height:166%; font-size:14px;}
.main_about .info img{max-width:100%;}
h1.title{ color:#000; font-size:20px; line-height:40px; height:40px; overflow:hidden; border-bottom:1px solid #e1e1e1}
h1.title span{ line-height:40px; font-size:40px; height:40px; border-right:2px solid #FFF; padding-left:18px; margin-right:8px; font-size:12px; float:right; background:url(img/home.jpg) 0 13px no-repeat; font-weight:normal;}

.lefttitle{ height:40px; line-height:40px; text-align:center; font-size:20px; color:#19508e;}
.leftmenu{}
.leftmenu li a{ display:block; line-height:54px; height:54px; overflow:hidden; padding-left:40px; font-size:14px; border-bottom:1px solid #dbdbdb;}
.leftmenu li a.on,
.leftmenu li a:hover{background:#184f8e;border-bottom:1px solid #e5e5e5; color:#FFF;}
.leftcontact a{background:url(img/left_pic.jpg); height:237px; display:block; text-indent:-9999em;}
.leftmenu2{ margin-top:13px;}
.leftmenu2 img{ float:left; margin-top:1px;}

.main_title{ border-bottom:1px solid #e8e8e8}
.main_title_l{ float:left; margin-left:40px;}
.main_title_r{ float:right; margin-right:40px;}
.main_title_r li{ display:inline-block; padding:0 10px;}
.main_title_r li a{ display:inline-block; padding:0 30px; line-height:103px; font-size:16px; color:#474545; border-bottom:4px solid #fff;}
.main_title_r li a:hover,
.main_title_r li.check a{border-bottom:4px solid #2a9725;}

.box_left{ width:502px; float:left; height:755px;}
.box_right{ width:630px; float:right; padding:28px; height:auto !important;height:699px;min-height:699px; background:#FFF;}
.box_left h4{}
.box_left ul{ margin-top:15px;}
.box_left li{ float:left; position:relative;}
.box_left li span{ display:block; width:40px; height:40px; background:none; border:1px solid #CCC; position:absolute; left:105px; right:auto; bottom: 32px; top: auto;transition:all ease-out .3s;border-radius: 20px;text-align:center;}
.box_left li span i{ font-size:26px; color:#CCC; line-height:40px; font-weight:normal;}


.box_left img{ float:left;}
.box_left li.check span{ left:120px; padding-left:10px; width:30px;border:1px solid #3067a7; }
.box_left li.check span i{color:#3067a7;}
.box_left li a:hover span{ padding-left:10px; width:30px;border:1px solid #3067a7; left:120px;}
.box_left li a:hover span i{ color:#3067a7;}

.ditu{ width:1155px; margin:0 auto; padding:10px;moz-box-shadow: 0 0 15px rgba(15,15,15,.2); /* 老的 Firefox */
box-shadow: 0 0 15px rgba(15,15,15,.2); margin-top:10px;}

.box_right h1.title,
#content h1.title{ height:80px; line-height:80px; padding-bottom:10px; text-align:center; color:#474545; font-size:30px;}
.title_con{ border-bottom:1px solid #ededed; height:36px; padding:7px 0px;}
.title_con_left{ line-height:36px; float:left;}
.bdsharebuttonbox{ float:right;}
.bdsharebuttonbox a{ min-width: 20px; height: 20px; display: inline-block; margin-left: 5px;}

.content{ padding-top:20px;}
.content,
.content div,
.content p{ color:#6f747d; line-height:200%; font-size:14px;}
.content strong,
.content b{ font-size:14px; color:#1b1f25;}
.content h2{ font-size:20px; line-height:200%; color:#1b1f25;}
.content img{ max-width:100%;}

.footer_c{ padding:20px 0; border-top:1px solid #d6d6d6; margin-top:40px;}
.footer_c_l{ width:700px; float:left;}
.footer_c_l img{ float:left; padding-right:10px;}
.footer_c_l_txt a{ font-size:14px; font-weight:bold; color:#6c6c6c}

.footer_c_r{ width:300px; float:right; text-align:right;}


.contact_info{ width:600px; float:left;}
.contact_info h2{ font-size:20px; line-height:200%; color:#333;}
.contact_info{ color:#564f4a; line-height:200%; margin-top:40px;}

.weibo{width:150px; padding-left:10px; margin:0 auto; margin-top:40px; height:40px;}
.weibo a{ width:40px; height:40px; display:block; cursor:pointer; background:#d5d5d5;transition:all ease-out .3s;border-radius: 20px; float:left; margin-right:10px;}
.weibo img{ width:40px;}
.weibo a:hover{ background:#3067a7;}

.contact{ text-align:center; }
.contact p{ font-size:16px; color:#000; padding-bottom:50px;}
.contact p span{ font-size:20px; color:#666; padding-left:10px;}
.contact ul{width:940px; margin:0 auto; }
.contact li{ width:234px; border-right:1px solid #CCC; float:left; height:170px; text-align:center; font-size:14px;}
.contact li img{ padding:20px; display:block; margin:0 auto;}

#fixed_weixin {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%; background: rgba(0,0,0,.6);overflow-y: auto;z-index: 100;display: none;}
#fixed_weixin .fixed-container {box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);width: 220px;height: auto;padding: 20px 20px 0 20px;background: #fff;position: absolute;
left: 50%;top: 50%;margin-left: -110px;margin-top: -140px;}
#fixed_weixin .fixed-container p {height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #000;}
#fixed_weixin .fixed-container img{ width:220px; height:220px;}

.backTop {opacity: 0;width: 54px;height: 54px;position: fixed;right: 35px;bottom: -54px; z-index:100;}
.backTop img {position: absolute;left: 0;top:0;}

.right_side{ width:190px; height:146px; position:fixed; z-index:999999; top:200px; right:0;}
.right_side_m{ position: relative; top:0; float:right; right:0; width:89px; height:146px;}

.right_side_c{width: 180px;height: auto;border-radius: 5px;-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);box-shadow: 0 5px 9px rgba(4,0,0,.17); position: fixed; right:-200px; top:346px;}

#olx_head{ padding:20px; line-height:16px; height:16px; background:#6198d8; border-radius: 5px 5px 0 0; color:#fff; font-size:14px; width:140px; overflow:hidden;}
#olx_head i{ cursor:pointer; float: right; width:18px; height:18px;background:url(img/icon_close.png); display:block; background-size:14px 14px; background-position:center; background-repeat:no-repeat;}

#olx_qq,#olx_tel{background-color: #fff;}
#olx_qq li a{ padding:12px 30px; height:18px; line-height:18px; background:#f5f5f5;color:#353434; display:block; border-bottom:#fff 1px solid; transition:all ease-out .3s; font-size:12px}

.right_side_c span{ margin-right:18px; display: block; float:left; width:14px; height:18px;}
.right_side_c span.icon_qq{ background:url(img/icon_qq2.png); width:16px; height:17px; float:left;}
.right_side_c span.icon_phone{ background:url(img/iocn_phone2.png) center no-repeat; margin-right:15px;}

#olx_qq li a:hover{ color:#fff; background:#565656}
#olx_qq li a:hover span{ background-position-y:-17px;}

#olx_tel{ padding:20px 30px}
#olx_tel div{ color:#434343; line-height:14px; height:14px; margin-bottom:10px}
#olx_tel p{ line-height:18px; font-size:12px}

.pager { text-align:center; padding-top:50px;}
.pager li{ list-style: none; display: inline-block; }
.pager a {background-color: #eee;color: #666;font-size: 14px;height: 30px;line-height: 30px;padding: 10px 10px;margin-right: 2px;}
.pager a[href]:hover {background-color: #5e5e5e;color: #fff !important;}
.pager a.active,
.pager a.active {color: #fff;background-color: #4e4e4e;}
.pager span.active,
.pager li.active span,
.pager span.active {color: #fff;background-color: #4e4e4e;}
.pager .disabled {color: #c0c0c0;}
.pager span {font-size: 14px;height: 30px;line-height: 30px;padding: 10px 10px;margin-right: 2px;}

.bds_weixin{ background:url(img/news/news_weixin.jpg) left top no-repeat !important;}
.bds_sqq{ background:url(img/news/news_qq.jpg) left top no-repeat !important;;}
.bds_qzone{ background:url(img/news/news_qzone.jpg) left top no-repeat !important;;}
.bds_tsina{ background:url(img/news/news_weibo.jpg) left top no-repeat !important;;}


.teamlist{ margin-top:130px;}
.teamlist h5{ color:#000; font-size:40px; text-align:center; line-height:50px;}
.teamlist h2{ color:#000; font-size:18px; text-align:center; line-height:18px; padding-bottom:50px;}
.teambox{ width:20%; display:block; float:left; position:relative;box-sizing: border-box; overflow:hidden;}
.teamcon{opacity: 0;background:rgba(0,0,0,.5);position: absolute;width: 100%;height: 100%;
	-webkit-transition: opacity .7s ease-out .1s;
    -moz-transition: opacity .7s ease-out .1s;
    transition: opacity .7s ease-out .1s;left:0; top:0;
}
.teamcon h4{ color:#FFF; font-size:16px; padding:30px 0 0 15px;}
.teamcon h4 span{ font-size:14px; font-weight:normal;}
.teamcon .teamcon_info{ color:#FFF; font-size:12px; line-height:166%; padding:15px; text-align:left;}

.teambox img{float: none;width: 100%;height: auto;transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.teambox:hover img{transform: scale(1.2, 1.2)}
.teambox:hover .teamcon{opacity: 1;}

.class_box{height:140px;}


.class_box_img{ height:139px; width:170px; background:#efefef; margin-top:1px; float:right; text-align:center; color:#184f8e; font-size:24px; font-family:Arial; line-height:139px;transition: all ease-out .3s;}
.class_box:hover .class_box_img{ color:#FFF; background:#184f8e}
.class_box_txt{ width:620px; height:100px; padding:19px 20px 20px 20px; border-bottom:1px solid #e1e1e1;}
.class_box_txt h4{line-height: 50px;font-size: 18px; transition: all ease-out .3s; color:#000;}
.class_box_txt p{color: #777777;line-height: 24px;font-weight: normal;}



.safe_list{ width:1180px; margin:0 auto;}
.safe_box{ width:329px; margin-right:96px; float:left; background: #f8f8f8; height:420px; margin-top:40px;
-moz-box-shadow: 0 0 15px rgba(15,15,15,.1); /* 老的 Firefox */
box-shadow: 0 0 15px rgba(15,15,15,.1);
}
.safe_box:hover{-moz-box-shadow: 0 0 15px rgba(15,15,15,.2); /* 老的 Firefox */
box-shadow: 0 0 15px rgba(15,15,15,.2);}

.safe_box a:hover img{transform: scale(1.2, 1.2)}
.safe_box_img{ height:292px; overflow:hidden;}
.safe_box_img img{ width:100%;transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.safe_box_txt{padding:0 0 25px 0;}
.safe_box_txt h4{line-height: 70px;font-size: 18px; padding:0 30px; transition: all ease-out .3s; text-align:center; border-bottom:1px solid #e7e7e7;}
.safe_box_txt p{color: #777777;line-height: 24px; font-size:14px; font-weight: normal; padding:20px 30px 30px 30px;}
.safe_box_txt p span{ float:right; line-height:24px;}

.base_list{}
.base_box{ width:267px; margin-right:10px; float:left; background: #fff; margin-top:18px; border:1px solid #CCC}
.base_box:hover{-moz-box-shadow: 0 0 15px rgba(15,15,15,.2); /* 老的 Firefox */
box-shadow: 0 0 15px rgba(15,15,15,.2);}

.base_box a:hover img{transform: scale(1.2, 1.2)}
.base_box_img{ height:145px; overflow:hidden;}
.base_box_img img{ width:100%;transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.base_box_txt{ padding:0 0 25px 0;}
.base_box_txt h4{line-height: 50px;font-size: 18px; color:#8a8a8a; font-weight:normal; margin:0 20px; transition: all ease-out .3s; text-align:center; border-bottom:1px dotted #8a8a8a;}
.case_list .base_box_txt h4{ border:0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.base_box_txt p{color: #5f5f5f;line-height: 24px;font-weight: normal; padding:10px 30px;}
.base_box_txt span{ color:#FFF; background:#155581; width:80px; height:28px; line-height:28px; text-align:center; display:block; cursor:pointer; margin:0 auto;}

.case_list .base_box_img{height:180px;}
.case_list .base_box_txt{ padding:0 0 0 0;}



.news_list{ min-height:200px;}
.news_box{ background: #FFF; height:200px; transition: all ease-out .3s; border-bottom:1px solid #e1e1e1}
.news_box:hover{}
.news_box a{ display:block; height:160px;padding:20px 10px; cursor:pointer;}
.news_box a:hover .more{ margin-right:-20px;}
.news_box a:hover .news_box_img img{transform: scale(1.2, 1.2)}
.news_box_img{ width:255px; height:160px; overflow:hidden; float:left; margin-right:33px;}
.news_box_img img{ width:100%;transition: all 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_box_txt{ position:relative; height:160px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.news_box_txt .more{
    width: 105px;
    height: 40px;
    padding-left: 45px;
    line-height: 40px;
    display: block;
    text-align: left;
    color: #727272;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    font-size: 16px;
    font-family: "Times New Roman";
    background: url(img/icon.png) -165px 0 no-repeat;
	position:absolute; right:0; top:0;
    border-top: none;
	}
.news_box_txt .more img{ float:right; padding-top:8px;}
.news_box_txt h4{line-height: 34px;font-size: 18px; font-weight:normal; padding-right:120px;}
.news_box_txt p{color: #777777;line-height: 24px;font-weight: normal; width:80%; font-size:14px;}

#newsPage #newslist .newstitem:hover .newsbody::after {background: url(img/icon.png) -165px 0 no-repeat;}


		.sideMenu{ }
		.sideMenu h3,.sideMenu h4{ margin:0 auto;height:37px; line-height:37px; padding-left:30px; border-bottom:1px solid #ecebeb; font:normal 12px/37px "Microsoft YaHei"; display:block;}
		.sideMenu h3{ background:#ededed; color:#000; border-top:1px solid #939393;}
		
		.sideMenu h3 span{ line-height:37px; display:block; float:left;width:115px; text-align:center; font-size:12px;}
		.sideMenu h3 span.sideMenu1{ width:440px; padding-left:40px;padding:0; text-align:left;}
		.sideMenu h3 span.sideMenu2{ text-align:center; width:135px}
		
		.sideMenu h4 span{line-height:37px; display:block; float:left;width:115px; text-align:center; font-size:12px;}
		.sideMenu h4 span.sideMenu1{ width:440px; padding-left:40px;padding:0; text-align:left;}
		.sideMenu h4 em{ float:left; display:block; width:85px; height:37px; padding-left:50px;background:url(img/icon_join_hover.png) 28px 12px no-repeat; cursor:pointer;}
		.sideMenu li.on h4 em{ background:url(img/icon_join.png) 28px 12px no-repeat; }
		
		.sideMenu h4 span.sideMenu2 a{background:url(img/join_bt.jpg) ;text-indent: -9999px; width:60px; height:21px; margin:0 auto; margin-top:8px; cursor:pointer; display:block;}
		
		.sideMenu ul.foldContent{ background:#f8f8f8;border-bottom:1px solid #ecebeb; padding:10px; line-height:30px; padding-left:20px; color:#a2a2a2; display:none;}
		.sideMenu ul table td{ padding:5px; color:#545454;}

#content{ height:auto !important;height:500px;min-height:500px;}



h1.title_base{ line-height:80px; font-size:18px; color:#000;}
h1.title_base span{ float:right; line-height:80px; font-size:12px; font-weight:normal;}


.footlink li{ display: inline-block; margin-right: 10px; }