/* CSS Document */
*{margin:0 auto; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
span, a, ul, li {border:0;list-style-type:none;}
body{margin:0 auto; color:#3e3e3e; background:#fff; font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
a{color:#3e3e3e; text-decoration:none;}
a:hover{color:#0099cc; text-decoration:none;}
*:link, *:visited, *:hover, *:active, *:focus {text-decoration: none;-webkit-transition:color .25s linear,background-color .25s linear,border-color .25s linear;transition:color .25s linear,background-color .25s linear,border-color .25s linear;}

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

.k_k{width:100%; height:40px; margin:0 auto;}
.k_k1{width:100%; height:80px; margin:0 auto;}
.k_k2{width:100%; height:110px; margin:0 auto;}
.k_k3{width:100%; height:10px; margin:0 auto;}
.k_k4{width:100%; height:70px; margin:0 auto;}

a .goodsimg{ border:3px solid #fff; display:block;}
a:hover .goodsimg{ border:3px solid #00913e;}

.clear{clear:both; height:0; line-height:0; font-size:0; *display:inline;/*IE only*/}
.fl { float:left;}
.fr { float:right;}
.ft_s{font-size:12px; font-weight:bold;color:#007447;}
.ft_red{color:#F00;}
p{ word-spacing:-1.5px;}
.ft_17{font-size:17px; color:#1d1d1d; font-weight:bold;}
.ft_18{font-size:18px; color:#cc0033; font-weight:bold;}
.ft_22{font-size:22px; color:#cc0033; font-weight:bold;}

/*head*/
.head{width:100%; background:#fff; height:100px;}
.head_content{width:1180px; margin:0 auto;}


.head_top_r{width:800px; float:right; text-align:right; line-height:21px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

.nav{width:678px; float:right; text-align:right; margin-top:10px;}
.nav li{float: left;}
.nav a{float: left; color:#202020; padding-left:53px; font-size:15px; line-height:40px;}
.nav li.on a,.nav a:hover{color:#0099cc;}

.head2{overflow:hidden; height:100px; width:100%; z-index:10000; position: relative;}
.head2 .head_top_r{color:#fff; position:relative;}
.head2 .logo{position:relative;}
.head2 .layer{width:100%; height:100px; position:absolute; left:0; top: 0; filter:alpha(opacity=80); opacity: 0.8; background-color:#000;}
.head2 .nav a{color: #999999;}
.head2 .nav{position:relative;}
.head2 .nav li.on a,.head2 .nav a:hover{color: #0099cc;}
.indexpage{background-color:#fff; overflow-x: hidden; position: relative;}
.indexpage .head2{top:-100px; position:fixed; filter:alpha(opacity=0); opacity:0;}

/*banner*/
.flexslider {position: relative; height:600px; overflow: hidden; background: url(loading.gif) 50% no-repeat;}
.slides li { height:600px;}
.slides { position: relative; z-index: 1;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width:40px; height:5px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width:40px; height:5px; line-height: 40px; overflow: hidden; background: url(dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

/*services*/
.services{width:100%; margin:0 auto; height:780px; background:url(Index_service_bg.gif) repeat-x center center;}
.services_title{text-align:center; color:#656565;}
.services_title b{font-size:28px; color:#474747; line-height:50px;}
.services_title p{line-height:28px;}

.ca-menu{padding:0; margin:0 auto; width:1180px; margin-top:80px;}
.ca-menu li{width:243px; height:332px; position:relative; display:block; float:left; background:url(service_list_bg.png) no-repeat center center; margin:0 25px;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear; -ms-transition: all 300ms linear;transition: all 300ms linear;
}
.ca-menu li:last-child{margin-right: 0px;}
.ca-menu li a{ text-align: left;width: 100%;height: 100%; display: block; color: #333;position: relative;}
.ca-icon{line-height:230px; position: absolute;width: 100%;height: 50%;left: 0px;top: 0px;text-align: center;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}
.ca_icon_1{background:url(service_list_ico1_a.png) no-repeat center 55px;}
.ca_icon_2{background:url(service_list_ico2_a.png) no-repeat center 55px;}
.ca_icon_3{background:url(service_list_ico3_a.png) no-repeat center 55px;}
.ca_icon_4{background:url(service_list_ico4_a.png) no-repeat center 55px;}
.ca-content{position: absolute;left: 0px;width: 100%;height:45%;top:47%;}
.ca-main{font-size:16px;opacity: 0.8; text-align: center; -webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear;}
.ca-sub{text-align:left; font-size:13px;color: #666;position: absolute; bottom:0px; line-height:24px;width: 100%;left:55px;opacity: 0.8;-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear; transition: all 200ms linear;}
.ca-menu li:hover{background:url(service_list_hover_bg.png) no-repeat center center; z-index:999;}
.ca-menu li:hover .ca-icon{color:#fff; line-height:210px;}
.ca-menu li:hover .ca_icon_1{background:url(service_list_ico1_hover.png) no-repeat center 45px;}
.ca-menu li:hover .ca_icon_2{background:url(service_list_ico2_hover.png) no-repeat center 45px;}
.ca-menu li:hover .ca_icon_3{background:url(service_list_ico3_hover.png) no-repeat center 45px;}
.ca-menu li:hover .ca_icon_4{background:url(service_list_ico4_hover.png) no-repeat center 45px;}
.ca-menu li:hover .ca-main{ color: #fff;-webkit-animation: smallToBig 300ms ease;-moz-animation: smallToBig 300ms ease;-ms-animation: smallToBig 300ms ease;}
.ca-menu li:hover .ca-sub{color: #fff;-webkit-animation: moveFromBottom 500ms ease;-moz-animation: moveFromBottom 500ms ease;-ms-animation: moveFromBottom 500ms ease;}
@-webkit-keyframes smallToBig{
from { -webkit-transform: scale(0.1);}
to {-webkit-transform: scale(1); }}
@-moz-keyframes smallToBig{
from {-moz-transform: scale(0.1);}
to {-moz-transform: scale(1);}}
@-ms-keyframes smallToBig{
from {-ms-transform: scale(0.1);}to {-ms-transform: scale(1);}}
@-webkit-keyframes moveFromBottom {
from { -webkit-transform: translateY(80%);}
to {-webkit-transform: translateY(0%);}}
@-moz-keyframes moveFromBottom {
from {-moz-transform: translateY(100%);}
to { -moz-transform: translateY(0%);}}
@-ms-keyframes moveFromBottom {
from {-ms-transform: translateY(100%);}
to { -ms-transform: translateY(0%);}}


/*����չʾ*/
.scrollBar{}

.work-btn{display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:10; text-indent:-9999px;}
.work-title{width:100%;height:20%;bottom:-20%;left:0px;background:#1A1A1A;position:absolute;z-index:20;}
.title-left em{width:8%;height:4%;background:#1d92d5; display:block; text-align:left; float:left;}
.title-left span{font-size:100%;color:#ffffff;display:block;margin-top:4.2%;+margin-top:10%; line-height:15px;}
.title-left font{font-size:12px;color:#4C4C4C;display:block;margin-top:2%; line-height:15px;}
.title-left{padding-top:4%;padding-left:5%;width:100%;height:80%;}
.title-right{width:20%;height:100%;text-align:center;font-size:4vw;color:#949494;position:relative;border-left:1px solid #262626;}
.title-right span{display:block;margin-top:15%;}


#portfolio {/*background-color: #08233e;*/overflow: hidden;position: relative;   }
#portfolio .arrow {position: absolute;width:200px;height: calc(100% - 0px);	-webkit-height: calc(100% - 0px);-moz-height: calc(100% - 0px);-o-height: calc(100% - 0px);height: calc(100% - 0px);z-index:99;}
#portfolio .arrow span {position: absolute;top: 50%;left:50%;width: 82px;height: 160px;margin-left: -50px;margin-top: -80px;text-indent: -9999px;	opacity: 0.4;z-index:99;}
#portfolio .arrow.left {left: 0;top: 0;height: 920px!important;}
#portfolio .arrow.left span{background:url(left-btn.png) no-repeat; z-index:999999;}
#portfolio .arrow.right {right: 0;top: 0;height: 920px!important;}
#portfolio .arrow.right span {background:url(right-btn.png) no-repeat;z-index:999999;}
#portfolio .projects-wrapper {position: absolute;left: 0;bottom: 0;width: 100%;}
#portfolio .projects-wrapper .project {position: absolute;cursor: pointer;overflow: hidden;left: 0;top: 0;width: 10%;height: 10%;}
#portfolio .projects-wrapper .project .overlay {position: absolute;height: 100%;width: 100%;background: url(bg-project-overlay.png) repeat;z-index: 5;	}
#portfolio .projects-wrapper .project .project-thumb, #portfolio .projects-wrapper .project .full-size {position: absolute;height: 100%;width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;z-index: 4;}
#portfolio .projects-wrapper .project .full-size {z-index: 10;display: none;background-color: #08233E;/*background-position: center center; background-repeat: no-repeat;background-size: contain;*/text-align: center;position: relative;}
#portfolio .projects-wrapper .project .full-size .project-img {width: 100%;display: block;top: 0;left: 0;position: absolute;}
#portfolio .projects-wrapper .project .loader {position: absolute;top: 50%;left: 50%;margin-left: -20px;margin-top: -20px;z-index: 5;	background:#08233E url(loading.gif) center center no-repeat;display: none;width: 40px;height: 40px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;text-indent: -9999px;}
.sub{
	 height: 920px;
}
@media(max-width:1680px) {
.sub{
	 height: 890px;
}
#portfolio .arrow.left {left: 0;top: 0;height: 890px!important;}
#portfolio .arrow.right {right: 0;top: 0;height: 890px!important;}
}
@media(max-width:1600px) {
.sub{
	 height: 850px;
}
#portfolio .arrow.left {left: 0;top: 0;height: 850px!important;}
#portfolio .arrow.right {right: 0;top: 0;height: 850px!important;}
}
@media(max-width:1440px) {
.sub{
	 height: 740px;
}
#portfolio .arrow.left {left: 0;top: 0;height: 740px!important;}
#portfolio .arrow.right {right: 0;top: 0;height: 740px!important;}
}
@media(max-width:1366px) {
.sub{
	 height: 610px;
}
#portfolio .arrow.left {left: 0;top: 0;height: 610px!important;}
#portfolio .arrow.right {right: 0;top: 0;height: 610px!important;}
}

/*IE7�°���չʾ*/
.work2-list ul li{float:left;position:relative;}
.work2-list ul li a{float:left;display:block;width:auto;height:auto;position:relative;}
.work2{height:870px;overflow:hidden;}
.work2-list{overflow:hidden;}
.workbj{position:absolute;left:0px;top:0px;width:100%;height:100%;background:url(../images/bg-project-overlay.png);}
 
/*���ǵ�����*/
.adv_title_content{background:#0099cc; width:100%; height:275px;}
.adv_title{text-align:center; color:#fff; width:100%;}
.adv_title b{font-size:28px; color:#fff; line-height:50px;}
.adv_title p{line-height:28px;}


#w-better {background:#0099cc; position: relative; padding:30px 0 60px 0; width:100%;}
#w-better .w-ele-down-icon {position:absolute; left:50%; margin-left:-24px;z-index: 9;top: 0;margin-top:-32px}
#w-better .title {margin: 0 auto;float: none;font-size: 51px;color: #ff9900;line-height: 1em;padding: .7em 0}
#w-better .sub-title {margin: 0 auto;float: none;font-size: 19px;color: #fff}
#w-better .sub-title em {color: #ff9900;font-style: normal}
.chart {width:430px;overflow:hidden;float:right; text-align: center;position: relative;}
.w-chart-main {}
#mark-chart {width:430px;height:430px}
.row-chart {padding-right:100px;}
.row-item {padding-top:40px; padding-bottom: 20px}
.row-info {border-left: 2px dotted #46ade7; padding-left:100px; color:#FFF; font-size: 16PX}
.row-info em {float: left;line-height:1em;display: inline-block;font-style: normal;font-size:45px;font-weight: 200;color: #ff9900;margin-right: 5px}
.row-info span {float: left;line-height:1.3em;display: inline-block;padding-top: 25px}
.row-info p {font-size:14px;padding-left: 5px;clear: both;margin: 0;float: none;color: #7ec4eb;line-height: 1.5em}
.row-info ul,.row-info ul li {list-style: none;margin: 0;padding: 0}
.row-info ul li {margin-bottom:42px;display: block}
.row-info ul li.last {margin-bottom: 0}
.row-info ul li.last p i {display: inline-block;font-style: normal}
.row-info ul li.last em {font-size: 33px;line-height: 1.6em}
.row-info ul li.last p {font-size:16px;margin: 0;padding: 0;line-height: 1.3em}
#w-better .w-chart-qt {position: absolute;width: 100%;text-align: center;left: 0;top: 50%;margin-top: -100px;z-index: 9}
#w-better .w-chart-max-num {font-size:4.2em;color:#bae6ff;line-height:2.2em}
#w-better .w-chart-max-num i {font-style: normal;padding-right: 5px}
#w-better .w-chart-t1 {font-size: 1.3em;color:#fff;line-height: 1.4em}
#w-better .w-chart-t2 {font-size: 1.4em;color:#fff;line-height: 1.2em}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float: left}
.col-xs-12{width:100%;float: left}

@media(min-width:868px) {
	.col-sm-8,.col-sm-12 {float:left}
	.col-sm-12 {width:100%}
	.col-sm-8 {width: 66.66666667%}
}

@media(min-width:992px) {
	.col-md-6{width:50%; float:left}
}

.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after {
	display:table;
	content: " "
}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after {
	clear: both
}


/*�������*/
.partner{background:url(Index_partner_bg.gif) #f7f7f7 no-repeat center 88px; width:100%; height:795px;}
.partner_img{width:100%; height:470px; background:url(partner_img.png) no-repeat center center;}

.boxtinfo{padding-top:150px;}
ul.gallery {width:1180px; list-style: none;margin: 0 auto; padding: 0;}
ul.gallery li {float: left; margin: 0px; padding: 0;text-align: center;display: inline; width:208px; margin-right:35px;}
ul.gallery li a.thumb {width:154px;height:45px;cursor: pointer; display:block;}
ul.gallery li span {width: 154px;height:45px;overflow: hidden;display: block;}


.partner_tel{width:100%; height:35px; background:url(Index_partner_tel.gif) no-repeat center center;}

/*gg*/
.gg{width:100%; height:200px; background:url(Index_gg.jpg) no-repeat center center;}

/*��������*/
.news{width:100%; height:660px;}

.dynamic{clear:both;width:0 auto; height:370px; margin: 0 auto;text-align: center;}

.dynamicShow{width:1200px; height:330px;  margin:0 auto; text-align: center;margin-top:40px;overflow: hidden}
.dynamicShowInf{height:330px; width:280px;float: left; margin-right:20px}
.dynamicShowInf h3{text-align: left;font-size: 16px;margin:5px 0 5px 0;}
.dynamicShowInf p{text-align: left;font-size: 12px;line-height: 20px;margin-bottom: 20px; filter: alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;}
.dynamicShowInfBtn{width:35px; height:35px; float:left; background:url(dynamicBtn.gif) no-repeat; cursor:pointer; filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6 ;display: block;}

.dynamicShowInfPic{width: 280px; height:150px;overflow: hidden;cursor: pointer}
.dynamicShowInfTime{position:relative; float:left;top:-140px;left:10px;width:75px; height: 75px;background: #000;filter: alpha(opacity=85);-moz-opacity:0.85;opacity: 0.85;overflow: hidden}
.dynamicShowInfTime span{font-size:24px; margin: 0 auto; text-align: center;color: #fff; margin-top:10px;display: block;height:40px;line-height:40px;overflow: hidden;font-weight: bold}
.dynamicShowInfTime p{text-align: center; margin: 0 auto; font-size: 12px;color:#fff;margin-top: -8px  }


/*�ײ�*/
.foot{width:100%; height:839px; background:url(Index_bottom_bg.jpg) no-repeat center center;}
.foot_title{text-align:center; color:#fff; width:100%;}
.foot_title b{font-size:28px; color:#fff; line-height:50px;}
.foot_title p{line-height:28px; color:#999999;}

.foot_contact{width:1000px; margin:0 auto; margin-top:75px;}
.foot_contact ul li{float:left; width:160px; text-align:center; color:#fff; font-size:16px; margin:0 45px; line-height:28px;}
.foot_contact ul li p{ padding-top:25px;}

.footerList_share{height:52px; clear: both; margin:0 auto; text-align:center; width:360px; margin-top:80px;}
.footerList_share a{width:52px !important; height:52px !important; display:block; margin:0 10px !important;filter:alpha(opacity=90);opacity:0.9;-moz-opacity: 0.9;cursor:pointer;  padding-left: 0 !important; float:left;}
.footerList_share .bds_qzone{background: url(foot_share_ico1.png) no-repeat center center  !important; display:block;}
.footerList_share .bds_tqq{background: url(foot_share_ico3.png) no-repeat center center !important;  display:block;}
.footerList_share .bds_weixin{ background: url(foot_share_ico4.png) no-repeat center center  !important;  display:block;}
.footerList_share .bds_tsina{ background: url(foot_share_ico2.png) no-repeat center center  !important; display:block; }
.footerList_share .bds_more{ background: url(foot_share_more.png) no-repeat center center  !important;  display:block;}

.foot_link{width:600px; margin:0 auto; margin-top:80px;}
.foot_link ul li{width:150px; text-align:center; float:left; line-height:30px; font-size:16px;}
.foot_link ul li a{color:#fff;}
.foot_link ul li a:hover{color:#0099cc;}

.copy{width:100%; line-height:35px; text-align:center; color:#fff; border-top:1px solid #434343; padding-top:15px; margin-top:30px;}


/*��߿ͷ�QQ*/
.toolbar-item,.toolbar-layer{background:url(toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px; z-index:999999}/*������ҳ����Ϊ1200px�����������Ҳ�����*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

/*��ҳ����*/

/*��������*/
.about_body_who{width:1180px; margin:0 auto; height:570px;}
.about_body_who_title{width:1180px; height:100px; font-size:30px; color:#2e2e2e; text-align:center; line-height:65px; background:url(About_title_x.gif) repeat-x center 83px;}
.about_body_who_title span{font-size:16px; color:#747474; line-height:35px; width:358px; display:block; text-align:center; background:#fff;}
.about_body_who_content{width:1180px; margin-top:50px;}
.about_body_who_content_l{width:423px; float:left;}
.about_body_who_content_r{width:708px; float:right; text-align:left;}
.about_body_who_content_r span{font-size:24px; color:#0f0f0f; line-height:70px;}
.about_body_who_content_r font{font-size:24px; color:#ff9900;}
.about_body_who_content_r p{line-height:30px; padding-top:15px;}

.about_body_who_adv{width:100%; height:265px; border-top:1px solid #e5e5e5;}
.about_body_who_adv ul{width:1180px; margin:0 auto; margin-top:30px;}
.about_body_who_adv ul li{float:left; text-align:center;}
.about_body_who_adv ul li div{font-size:72px; color:#5b5b5b;}

.about_xm{width:100%; background:#0099cc; height:550px;}
.about_xm_title{font-size:30px; color:#fff; text-align:center; line-height:140px;}
.about_xm_content{width:1180px; margin:0 auto;}
.about_xm_content_list{width:275px; height:335px; float:left; background:#fff; border-top:3px solid #2cbcff; text-align:center; margin-right:26px;}
.about_xm_content_list p{font-size:13px; text-align:left; color:#5a5a5a; line-height:24px; padding-left:80px;}
.about_xm_content_title{font-size:18px; font-weight:bold; color:#2cbcff; line-height:70px; border-bottom:1px solid #f2f2f2;}
.about_xm_content_ico1{height:160px; display:block; background:url(About_xm_ico1.gif) no-repeat center center;}
.about_xm_content_ico2{height:160px; display:block; background:url(About_xm_ico2.gif) no-repeat center center;}
.about_xm_content_ico3{height:160px; display:block; background:url(About_xm_ico3.gif) no-repeat center center;}
.about_xm_content_ico4{height:160px; display:block; background:url(About_xm_ico4.gif) no-repeat center center;}

.about_ys{background:url(About_ys_bg.jpg) no-repeat center center; width:100%; height:830px;}
.about_ys_title{font-size:30px; color:#0099cc; text-align:center; line-height:140px;}
.about_ys_content{width:1180px; margin:0 auto;}
.about_ys_content{width:1180px;}
.about_ys_content ul li{float:left; font-size:19px; line-height:34px;}
.about_ys_content ul li p{line-height:24px; padding-top:5px; text-align:left; font-size:13px; color:#636363;}

/*������Ŀ*/
.services_head{height:85px; width:100%; background:#fff;}
.services_head_content{width:1180px; margin:0 auto;}
.services_head_content .logo{width:76px; float:left; margin-top:16px;}
.services_head_content .nav{width:678px; float:right; text-align:right; margin-top:0;}
.services_head_content .nav li{float: left;}
.services_head_content .nav a{float:left; color:#202020; padding:0 26px; font-size:15px; line-height:85px; text-align:center;}
.services_head_content .nav li.on a, .services_head_content .nav a:hover{color:#fff; background:#0099cc;}

.service_banner{width:100%; height:320px;}

.services_body_top{width:1180px; margin:0 auto; height:605px;}
.services_body_top_title{font-size:30px; text-align:center; color:#2e2e2e; line-height:175px;}
.services_body_top ul{width:860px; margin:0 auto; height:225px;}
.services_body_top ul li.services_body_top_c_l{float:left; width:278px; background:url(Services_body_top_l_img.jpg) no-repeat center center; height:225px; color:#fff; font-size:24px; text-align:center;}
.services_body_top ul li.services_body_top_c_l span{font-size:24px; width:100px; height:85px; margin:0 auto; margin-top:87px; display:block}
.services_body_top ul li.services_body_top_c_c{float:left; width:304px; height:225px; background:url(Services_logo.jpg) no-repeat center center;}
.services_body_top ul li.services_body_top_c_r{float:right; width:278px; background:url(Services_body_top_r_img.jpg) no-repeat center center; height:225px; color:#fff; font-size:24px; text-align:center;}
.services_body_top ul li.services_body_top_c_r span{font-size:24px; width:100px; height:85px; margin-top:78px; display:block; margin-left:57px;}
.services_body_top_by{text-align:center; font-size:16px; line-height:36px; padding-top:60px;}
.services_body_top_by b{color:#ff9900; font-size:24px; font-weight:normal;}

.services_about_title_t{width:100%; height:100px; background:#0099cc; top:-1120px; position:fixed; z-index:9999}
.services_about_title{width:100%; height:100px; background:#0099cc;}
.services_about_title_content{width:1180px; margin:0 auto;}
.services_about_title_title{width:200px; float:left; font-size:30px; color:#fff; text-align:left; text-indent:20px; border-left:3px solid #ff9900; height:50px; line-height:50px; margin-top:25px;}
.services_about_title_content ul{width:800px; float:right;}
.services_about_title_content ul li{padding-left:80px; text-align:right; font-size:16px; float:right; line-height:100px;}
.services_about_title_content ul li a{color:#fff;}
.services_about_title_content ul li a:hover{color:#ff9900;}

.services_about_list1{width:1180px; height:465px; border-bottom:1px solid #efefef;}
.services_about_list1_l{width:578px; float:left;}
.services_about_list1_l span{font-size:34px; color:#ff9900; line-height:90px;}
.services_about_list1_l p{line-height:28px; font-size:16px;}
.services_about_list1_l div{line-height:36px; font-size:16px; padding-top:25px;}
.services_about_list1_r{width:498px; float:right;}

.services_about_list2{width:1180px; height:520px; border-bottom:1px solid #efefef;}
.services_about_list2_l{width:577px; float:left; text-align:center;}
.services_about_list2_r{width:580px; float:right;}
.services_about_list2_r span{font-size:34px; color:#ff9900; line-height:90px;}
.services_about_list2_r p{line-height:28px; font-size:16px;}
.services_about_list2_r div{line-height:36px; font-size:16px; padding-top:25px;}

.services_about_list3{width:1180px; height:535px; border-bottom:1px solid #efefef;}
.services_about_list3_l{width:650px; float:left;}
.services_about_list3_l span{font-size:34px; color:#ff9900; line-height:90px;}
.services_about_list3_l p{line-height:28px; font-size:16px;}
.services_about_list3_l div{line-height:36px; font-size:16px; padding-top:25px;}
.services_about_list3_r{width:476px; float:right; text-align:center;}

.services_about_list4{width:1180px; height:595px; border-bottom:1px solid #efefef;}
.services_about_list4_l{width:550px; float:left;}
.services_about_list4_r{width:595px; float:right;}
.services_about_list4_r span{font-size:34px; color:#ff9900; line-height:90px;}
.services_about_list4_r p{line-height:28px; font-size:16px;}
.services_about_list4_r div{line-height:36px; font-size:16px; padding-top:25px;}

/*����չʾ*/
.case_head{height:85px; width:100%; background:#333333;}
.case_head_content{width:1180px; margin:0 auto;}
.case_head_content .logo{width:76px; float:left; margin-top:16px;}
.case_head_content .nav{width:678px; float:right; text-align:right; margin-top:0;}
.case_head_content .nav li{float: left;}
.case_head_content .nav a{float: left; color:#999999; padding-left:53px; font-size:15px; line-height:85px;}
.case_head_content .nav li.on a,.nav a:hover{color:#0099cc;}

.case_list_wz{width:100%; background:#fff; margin:0 auto; height:135px;}
.case_list_wz_content{width:1180px; margin:0 auto;}
.case_list{width:960px; float:left; height:35px; margin-top:50px;}
.case_list ul li{width:115px; height:35px; float:left; display:block; text-align:center; line-height:35px; margin:0 2px;}
.case_list ul li a{width:115px; height:35px; border:1px solid #fff; text-align:center; display:block;}
.case_list ul li a:hover{border:1px solid #0099cc; color:#0099cc;}
.case_list ul li.left_nav_cur a{border:1px solid #0099cc; color:#0099cc;}

.case_wz{width:220px; float:right; text-align:right; line-height:40px; margin-top:50px;}

.case_list_wz_t{width:100%; background:#fff; margin:0 auto; height:110px; top:-220px; position:fixed; background:#fff; z-index:9999}
.case_list_wz_t .case_list{margin-top:30px;}
.case_list_wz_t .case_wz{margin-top:30px;}

.case_body{background:#242222;}

.case-listmain{margin:0 auto; min-height:180px; padding-top:20px; padding-bottom:120px;}
.case-listmain ul li{float:left;padding-right:10px;background:#00000;padding-bottom:10px;position:relative;}
.case-listmain ul li a{display:block;}
.case-listmain ul li a img{width:100%;}

.case-title{width:100%;position:relative; text-align:left}
.case-title img{width:100%;display:block;}
.title-main{position:absolute;left:0px; top:0px; width:100%; height:100%; text-align:left;}

.on-bj{position:absolute;left:0px;top:0px;display:none;text-align:left;width:100%;}
.case-ontext{position:absolute;left:0px;top:0px;width:100%;height:100%; text-align:center; +display:none;}
.title-position{position:absolute;top:60%;text-align:center;width:100%;}
.case-ontext span{font-size:18px;color:#ffffff; text-align:left;}
.case-ontext font{font-size:14px;color:#96dff7;display:block;padding-top:5px;}

.case_foot{width:100%; height:424px; background:url(Index_bottom_bg.jpg) no-repeat center center;}

.case_show_banner{width:100%; height:310px;}
.case_show_c_t{width:1180px; margin:0 auto; height:230px; background:#fff; box-shadow:2px 2px 2px #eaeaea;}
.case_show_c_t_logo{width:145px; float:left; height:145px; margin-top:42px; margin-left:50px;}
.case_show_c_t_t{width:880px; float:left; height:145px; margin-left:40px; margin-top:42px; line-height:30px;}
.case_show_c_t_t div{width:880px; line-height:50px; height:50px;}
.case_show_c_t_t b{font-size:24px; color:#1d1d1d; font-weight:normal; display:block; float:left;}
.case_show_c_t_t div a{width:100px; height:26px; line-height:26px; color:#fff; background:#0099cc; display:block; text-align:center; float:left; margin-top:12px; margin-left:20px;}
.case_show_c_t_t p{color:#6d6d6d;}
.case_show_c_t_t span{color:#1d1d1d;}

.case_show_content{width:1180px; background:#fff; margin-top:40px;  margin-bottom:70px;}
.case_show_content_title{font-size:18px; text-align:center; padding-top:40px; line-height:35px;}
.case_show_content_title b{color:#F00;}
.case_show_content_t{padding-top:50px; padding-bottom:50px; text-align:left; line-height:240%; width:1060px; margin:0 auto;}
.case_show_content_t img{ max-width: 1060px;}
.case_show_content_b{width:100%; height:80px; line-height:80px; border-top:1px solid #e8e8e8; text-align:right; padding-right:20px;}

/*���Ŷ�̬*/
.news_banner{width:100%; height:250px;}
.news_list{width:100%; height:90px; border-bottom:1px solid #e8e8e8;}
.news_list ul{width:1180px; height:35px; padding-top:27px; margin:0 auto;}
.news_list ul li{width:115px; height:35px; float:left; display:block; text-align:center; line-height:35px; margin-right:20px;}
.news_list ul li a{width:115px; height:35px; border:1px solid #f7f8fa; text-align:center; display:block;}
.news_list ul li a:hover{border:1px solid #0099cc; color:#0099cc;}
.news_list ul li.left_nav_cur a{border:1px solid #0099cc; color:#0099cc;}

.news_content{width:1180px; margin:0 auto; margin-top:40px; margin-bottom:50px;}
.news_content_t{width:1180px; background:#fff; height:204px; margin-bottom:20px;}
.news_content_t_img{width:308px; height:150px; text-align:right; margin-right:20px; margin-top:27px; float:left;}
.news_content_t_t{width:810px; float:left; text-align:left; font-size:12px; color:#7b7b7b; line-height:30px; margin-top:35px;}
.news_content_t_t h3{font-size:16px; color:#000; line-height:30px;}
.news_content_t_t p{line-height:24px; color:#373737; font-size:14px;}

.news_show{width:1180px; margin:0 auto; margin-top:40px; margin-bottom:50px; background:#fff;}
.news_show_title{width:1180px; text-align:center; height:170px; border-bottom:1px solid #e8e8e8; color:#737373;}
.news_show_title h3{font-size:30px; color:#000; font-weight:normal; line-height:75px; padding-top:35px;}
.news_show_title p{ line-height:24px; height:24px; display:block; width:570px; margin:0 auto;}
.news_show_content{width:1100px; margin:0 auto; padding-top:40px; padding-bottom:40px; line-height:240%; font-size:16px; text-align:justify;}
.news_show_content p{padding-top:20px;}
.news_show_content img{max-width:1000px;}

/*��ϵ����*/
.map{ width:100%; min-height:840px;}
.contact_content{width:385px; height:545px; position:absolute; left:50%; top:205px; margin-left:205px; background:#f2f5f7; z-index:2;}
.contact_content_img{width:345px; height:152px; text-align:center; margin:0 auto; margin-top:20px; display:block;}

.contact_content_list{width:345px; margin:0 auto;}
.contact_content_list_add{width:345px; height:36px; line-height:36px; text-align:left; margin-top:18px;}
.contact_content_list_add span{width:46px; height:36px; background:url(Contact_ico_add.gif) no-repeat left center; display:block; float:left;}
.contact_content_list_tel{width:345px; height:36px; line-height:18px; text-align:left; margin-top:18px;}
.contact_content_list_tel span{width:46px; height:36px; background:url(Contact_ico_tel.gif) no-repeat left center; display:block; float:left;}
.contact_content_list_qq{width:345px; height:36px; line-height:36px; text-align:left; margin-top:18px;}
.contact_content_list_qq span{width:46px; height:36px; background:url(Contact_ico_add.gif) no-repeat left center; display:block; float:left;}

.contact_content_wx{width:385px; height:142px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; margin-top:18px;}
.contact_content_wx_l{width:140px; text-align:right; height:115px; margin-top:13px; float:left; margin-right:15px;}
.contact_content_wx_r{width:225px; text-align:left; height:105px; margin-top:24px; float:left; font-size:13px; line-height:24px;}

.contact_content_time{text-align:center; line-height:45px; font-size:13px;}

.contact_zx{width:100%; height:530px; background:#0099cc;}
.contact_title{font-size:30px; text-align:center; color:#fff;}
.contact_title p{font-size:16px; text-align:center;}

.form {width:755px; margin:0 auto; margin-top:60px;}
.form-item {margin-bottom:10px;width:245px; float:left; margin-right:10px;}
.form-item input {border: 1px solid #0099cc;border-radius:2px; color:#000; font-family: 'Microsoft YaHei', sans-serif;font-size: 1em;height: 50px;padding: 0 16px;transition: background 0.3s ease-in-out; width: 100%;}
.form-item input:focus {outline: none; border-color: #9ecaed;box-shadow: 0 0 10px #9ecaed;}
.form-item_t{margin-bottom:10px;width:755px;}
.form-item_t textarea {border: 1px solid #0099cc;border-radius:2px; color:#000; font-family: 'Microsoft YaHei', sans-serif;font-size: 1em;height:130px; padding:10px 16px;transition: background 0.3s ease-in-out; width: 100%;}
.form-item_t textarea:focus {outline: none; border-color: #9ecaed;box-shadow: 0 0 10px #9ecaed;}
.button-panel {width:190px; margin:0 auto; margin-top:40px;}
.button-panel .button {-webkit-appearance:none; border:1px solid #6bc4e1; background:none; border-radius:4px; color:#fff; cursor:pointer; height:50px; font-family: 'Microsoft YaHei', sans-serif; font-size: 1.2em; letter-spacing: 0.05em; text-align: center;text-transform: uppercase;transition: background 0.3s ease-in-out; width: 100%;}
.button:hover {background:#00c8ff; border:1px solid #00c8ff;}

.contact_contact{width:100%; background:#f7f8fa;}
.contact_contact_title{font-size:30px; text-align:center; height:70px; width:100%;}
.contact_contact_title p{font-size:16px; text-align:center;}

.contact_contact_content{width:100%; background:#f7f8fa;}
.contact_contact_content ul{width:1180px; margin:0 auto;}
.contact_contact_content ul li{width:280px; margin-right:20px; display:block; height:243px; margin-bottom:20px; background:url(Contact_contact_bg.gif) no-repeat center top; float:left;}
.contact_contact_content ul li b{font-size:28px; color:#fff; width:100%; display:block; line-height:85px; margin-top:37px; text-align:center; font-weight:normal;}
.contact_contact_content ul li p{line-height:24px; padding-top:13px; font-size:13px; text-align:left; padding-left:15px; padding-right:15px; color:#676767;}

/*��ҳ*/
.pages{ text-align:center; vertical-align:middle; line-height:24px; padding:25px 0 15px;}
.pages .pages_red{ font-weight:bold; color:#0099cc;}
.pages a{ height:26px; line-height:26px; display:inline-block; background:#e0e0e0; border:1px solid #e0e0e0; padding:0 8px; vertical-align:middle;}
.pages a:hover{background:#0099cc; text-decoration:none; border:1px solid #0099cc; color:#fff;}
.pages a.pages_cur{ border:1px solid #0099cc; background:#0099cc; color:#fff;}
.pages_val{ height:22px; line-height:22px; border:1px solid #cfcfcf; vertical-align:middle; width:30px; text-align:center; color:#333; font-family:Verdana, Geneva, sans-serif;}
.pages_btn{ height:24px; line-height:24px; border:none; background:#b91313; cursor:pointer; color:#fff; font-family:Verdana, Geneva, sans-serif; padding:0 4px; vertical-align:middle;}