﻿gfu /*==========全局==========*/

html{overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:none; _background-image:url(../images/-1blank); _background-attachment:fixed;}

body {min-width: 1200px; font-family:"Microsoft Yahei",Arial,"宋体",Helvetica;  font-size:12px; color:#333333;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub{margin:0 auto;padding:0}

.table{border-collapse:collapse;border-spacing:0}

.content{ width: 1200px; margin: 40px auto;}



fieldset,img{border:0}

ul,ol,li {list-style:none;}

img{-ms-interpolation-mode: bicubic; vertical-align:top;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

.imgmiddle,input,select{vertical-align:middle;}

.scott{ padding: 20px 0; font-size: 16px; text-align: center; }
.scott a{ padding: 0 5px;}
.scott span{ padding: 0 5px;}
.clear{clear:both; height:0; overflow:hidden;}

.clearbox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearbox{zoom:1;}

.fl{float:left; display:inline;}

.fr{float:right; display:inline;}

.fr>li{float:left;display:inline;}

.auto{margin-left:auto; margin-right:auto;}

.t_tell{position:absolute;top:15px;right:-130px;width:175px;display:none;}
.t_tell img{float:left;margin:5px 10px 0 0;}
.t_tell p{color:#fff;float:left;}


a:focus{ -moz-outline-style: none; /* FF */ } 

a:hover{ text-decoration:none;transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}

.ffyh{font-family:"Microsoft Yahei";}

.ffarial{font-family:"arial";}

.tc{text-align:center;}

.tl{text-align:left;}

.tr{text-align:right;}

.word{word-break:break-all;}

.dn{display:none;}

.mt30{margin-top:30px;}


.content .tit{ line-height: 70px; font-size: 28px; text-align: center; background:url(../images/title_line.png) no-repeat center 70px; }
.content .tit p{ font-size: 20px; line-height: 50px;}
.content .nybt{ font-size: 14px; line-height: 70px;}
.content .txt{ font-size: 16px; line-height: 35px; color: #666;}



.content .wzli li{ width: 50%; float: left; box-sizing:border-box; margin:20px 0; }
.content .wzli li:nth-child(even){ padding-left:40px;}
.content .wzli li:nth-child(odd){ padding-right:40px;}
.content .wzli li p{ font-size: 14px; color: #666; line-height: 25px;}
.content .wzli li .title{border-left: solid 3px #0076DB; font-size: 18px; color: #333; line-height: 18px; margin-bottom: 10px; padding-left: 10px;}
.content .wzli li .title span{ float: right;   }



.content .picli li{ overflow: hidden; width: 385px; height: 220px; float: left; padding: 3px; background: #f5f5f5;border: solid 1px #ccc; margin:0 3px; margin-bottom: 15px; }
.content .picli li p{ height: 0px; font-size: 12px; color: #fff; line-height: 25px; background: url(../images/searchpopbg.png); }
.content .picli li p .t{ font-size: 16px; color:#fc0; }
.content .picli li p span{display: block;}
.content .picli li:hover p{
	height: 50px; padding:5px 20px;
   transition:height 0.3s;
-moz-transition:height 0.3s; /* Firefox 4 */
-webkit-transition:height 0.3s; /* Safari and Chrome */
-o-transition:height 0.3s; /* Opera */

}



.xb dl{ background: #f5f5fa; width: 570px; padding: 20px 40px; float: left; box-sizing:border-box; margin:20px 15px; }

.xb dl dt{ color:#0076DB; font-size: 20px; font-weight: bold; line-height: 60px; }
.xb dl dd{ font-size: 14px; line-height: 35px;  }
.xb dl:hover{ box-shadow: 0 5px 6px rgba(0,0,0,.2);}


.xbox{ margin:40px 0; }
.xbox dl{ height: 60px; font-size: 14px; }
.xbox dl dt{ width: 18%; float: left;}
.xbox dl dd{ width: 82%; float: left;}
.xbox dl dd input{ height: 35px; line-height: 35px; border:solid 1px #ccc; width: 100%; }
.xbox .btn_blue{ width: 100px; height: 35px; border: none; background: #0076DB; color: #fff;}



.fenye1{ margin-top: 30px; line-height: 30px;}
.er{ margin-top: 20px;}
.er a{ padding: 8px 20px; border:dashed 1px #999; margin-right: 10px;}
.er a:hover{ background: #0076DB; border:solid 1px #0076DB; color: #fff; }
.er .hov{ background: #0076DB; border:solid 1px #0076DB; color: #fff; }
#index{position:relative; z-index:1;}

.headbg{width:100%; height:70px; background: rgba(0, 0, 0, 0.8)!important;background:#32302D;z-index:999; overflow: visible; position: fixed; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");}







.head{position:relative; width:960px; margin:0 auto; height:70px;}

.headdiy {

    position: absolute;

    right: -200px;

    top: 16px;

	width:200px;

	

	

}

.width960 .head{width:960px;}               /* add */

.width1200 .head{width:1200px;}             /* add */

h1.logo{position:absolute; /*top:10px;*/ left:0; font-size:12px; color:#fff;}

h1.logo img{}

.nav{position:absolute; top:0; left:420px;}

.nav li{float:left; width:90px; text-align:center; color:#fff;}

.width960 .nav li{width:100px;}               /* add */

.width1200 .nav li{width:90px;}            /* add */

.nav li a{display:inline-block; height:67px; line-height:70px; font-size:14px; color:#fff; padding-bottom:3px; padding-right:0px;}

.nav li a:hover{padding-bottom:0px; border-bottom:3px solid #0076db; color:#fff;}

.nav li.active{background:#0076db;_height:70px; overflow:hidden;}

.nav li.active a:hover{padding-bottom:0; }

.head_search{background:#000; width:190px; height:30px; position:absolute; top:20px; right:0; border-right:1px solid #3a3a3c; border-bottom:1px solid #3a3a3c;}

.head_search_txt{width:160px; height:24px; line-height:24px; border:0; background:none; color:#FFF; margin:3px 0 0 5px; float:left; display:inline;}

.head_search_btn{width:20px; height:20px; float:right; margin:5px 5px 0 0; display:inline; background:url(../images/indexicon.png) 0 -30px no-repeat; border:0; cursor:pointer;}

.head_tel{position:absolute; top:16px; right:0;}







.infocus{width:100%; height:530px; overflow:hidden; position:relative;}

.focus_pic{width:100%; overflow:hidden;}

.focus_pic li{width:400%;}

.focus_pic li{float:left; overflow:hidden; width:25%;}

.focus_pic li a{text-align:center; width:300%; display:block; margin-left:-100%;}

.prev{position:absolute; left:-50px; top:260px;}

.next{position:absolute; right:-50px; top:260px;}
.banner{width:100%;position:relative; overflow:hidden;}
.banner img{width:100%;}


#services{width:100%; overflow:hidden; position:relative; height:405px;}

.services_title{text-align:center; padding-top:30px; overflow:hidden;}

.services_con{ margin:45px auto 0 auto; overflow:hidden; background:#fff; padding:0 10px;}

.width960 .services_con{width:960px;}

.width1200 .services_con{width:1200px;}

.services_con ul{width:1200px; overflow:hidden; }

.services_con li{float:left; width:220px; height:260px; margin:0 40px; text-align:center; display:inline;}

.services_con li a{display:block; width:220px;}

.services_con li a:hover h3{color:#0076db;}

.services_con li a:hover p{color:#333;}

.services_ico{margin:0 auto; width:130px; height:130px;}

.services_ico div{display:block; width:130px; height:130px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}

.services_ico01{background:url(../images/search_ico.png) no-repeat;}

.services_ico02{background:url(../images/search_ico.png) -130px 0 no-repeat;}

.services_ico03{background:url(../images/search_ico.png) -260px 0 no-repeat;}

.services_ico04{background:url(../images/search_ico.png) -390px 0 no-repeat;}

.services_ico05{background:url(../images/search_ico.png) -520px 0 no-repeat;}

.services_ico06{background:url(../images/search_ico.png) -650px 0 no-repeat;}

.services_ico01 div{background:url(../images/search_ico.png) 0 -130px no-repeat;}

.services_ico02 div{background:url(../images/search_ico.png) -130px -130px  no-repeat;}

.services_ico03 div{background:url(../images/search_ico.png) -260px -130px no-repeat;}

.services_ico04 div{background:url(../images/search_ico.png) -390px -130px no-repeat;}

.services_ico05 div{background:url(../images/search_ico.png) -520px -130px no-repeat;}

.services_ico06 div{background:url(../images/search_ico.png) -650px -130px no-repeat;}

.services_con li h3{margin-top:25px; font-size:18px; font-weight:normal; color:#333; line-height:24px;}

.services_con li h3 span{font-size:14px;}

.services_con li p{line-height:22px; color:#666666; margin-top:5px;}



#services_pop{position:absolute; z-index:999; top:115px; left:0; display:none; width:100%; height:290px; overflow:hidden; background:#fff;}

.services_popcon{width:100%; margin:0 auto; height:290px; position:relative;}

.services_poptabcon li{display:none; width:100%; height:290px; position:absolute; top:0px; left:0; overflow:hidden;}

/*.services_poptabconbg01 .services_popcontainer,.services_poptabconbg01{background:url(../images/services_poptabconbg01.jpg) 50% 0 no-repeat;}*/
#services .ser_list{position:absolute;left:-50%;top:0;}
#services .ser_l_img{position:absolute;left:50px;bottom:45px;z-index:999;height:200px;}
/*
.services_poptabconbg02 .services_popcontainer,.services_poptabconbg02{background:url(../images/services_poptabconbg02.jpg) 50% 0 no-repeat;}

.services_poptabconbg03 .services_popcontainer,.services_poptabconbg03{background:url(../images/services_poptabconbg03.jpg) 50% 0 no-repeat;}

.services_poptabconbg04 .services_popcontainer,.services_poptabconbg04{background:url(../images/services_poptabconbg04.jpg) 50% 0 no-repeat;}

.services_poptabconbg05 .services_popcontainer,.services_poptabconbg05{background:url(../images/services_poptabconbg05.jpg) 50% 0 no-repeat;}

.services_poptabconbg06 .services_popcontainer,.services_poptabconbg06{background:url(../images/services_poptabconbg06.jpg) 50% 0 no-repeat;}*/

.services_popcontainer{width:1000px; margin:0 auto;height:290px; position:relative; z-index:2;}



.services_popcontainer_pop01{position:absolute; top:105px; left:563px; line-height:18px; color:#666;}

.services_popcontainer_pop01 h3{margin-bottom:10px; font-size:18px; font-weight:normal; color:#000;}

.services_popcontainer_pop02{position:absolute; top:75px; left:658px; line-height:18px; color:#666;}

.services_popcontainer_pop02 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}

.services_popcontainer_pop03{position:absolute; top:128px; left:440px; line-height:18px; color:#357499;}

.services_popcontainer_pop03 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}

.services_popcontainer_pop04{position:absolute; top:128px; left:440px; line-height:18px; color:#7d6471;}

.services_popcontainer_pop04 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}

.services_popcontainer_pop05{position:absolute; top:140px; left:462px; line-height:18px; color:#7d6471;}

.services_popcontainer_pop05 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}

.services_popcontainer_pop06{position:absolute; top:145px; left:85px; line-height:18px; color:#357499;}

.services_popcontainer_pop06 h3{margin-bottom:10px; font-size:20px; font-weight:normal; color:#000;}



/*

.services_poptabcon li h3{width:580px; margin-left:70px; line-height:30px; font-size:18px; color:#fff; font-weight:normal; margin-top:5px;}

.services_poptabcon li h4{width:580px; margin-left:70px; line-height:30px; font-size:14px; color:#fff; font-weight:normal;}

.services_poptabcon li p{width:580px; margin-left:70px; line-height:24px; font-size:14px; color:#666; margin-top:15px;}

*/

.searchpop_ico{position:absolute; top:0; right:78px;}

.services_poptabbtn{position:absolute; bottom:15px; left:0; text-align:center; width:100%; z-index:4;}

.services_poptabbtn a{width:12px; height:12px; font-size:1px; line-height:1px; display:inline-block; margin:0 3px; zoom:1; background:url(../images/services_poptabbtn.png) 0 0 no-repeat; _background:none; _background:url(../images/services_poptabbtn.gif) 0 0 no-repeat;}

.services_poptabbtn a.active{background:url(../images/services_poptabbtn.png) 0 -15px no-repeat; _background:none; _background:url(../images/services_poptabbtn.gif) 0 -15px no-repeat;}

.services_popclose{position:absolute; z-index:4; top:10px; left:50%; margin-left:460px; width:20px; height:20px; background:#ffcc00 url(../images/indexicon.png) 0 -80px no-repeat; display:block;}

.width960 .services_popclose{margin-left:460px;}

.width1200 .services_popclose{margin-left:580px;}

.services_popclose:hover{background:#fff000 url(../images/indexicon.png) 0 -80px no-repeat;}

.services_title_more{position:absolute; top:40px; width:22px; height:22px; background:url(../images/moreico.png) no-repeat; display:block; left:100%; margin-left:70px;}

.services_title_more:hover{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}









.project_title{text-align:center; padding-top:30px; width:100%; overflow:hidden; position:relative;}

.project_title_more{position:absolute; top:40px; width:22px; height:22px; background:url(../images/moreico.png) no-repeat; display:block; left:100%; margin-left:70px;}

.project_title_more:hover{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}

.projectbg{width:100%; background:#f8f8f8; overflow:hidden; padding-bottom:30px; margin-top:10px;}

.project_pic {width:960px; margin:20px auto 0 auto; overflow:hidden; }

.width960 .project_pic{width:960px;height:250px;}          /* add */

.width1200 .project_pic{width:1040px; }        /* add */

.project_pic ul{position:relative; width:975px; height:520px;}

.width960 .project_pic ul{width:975px; height:410px;}      /* add */

.width1200 .project_pic ul{width:100%; }     /* add */

.project_pic li{width:100%; overflow:hidden; overflow:hidden; position:absolute; top:0; left:0;}
         /* add */

.width1200 .project_pic li{height:auto; }          /* add */

.project_pic li .project_box{float:left; margin:2px;border:1px solid #eee; padding:5px;}

.project_box {width:130px; height:190px; overflow:hidden; display:block;}

.width960 .project_box{width:300px; height:216px;}          /* add */

.width1200 .project_box{width:330px; height:223px;}         /* add */

.project_pop{height:36px; padding:10px 0 10px 15px; display:none; background:url(../images/searchpopbg.png) repeat; overflow:hidden; line-height:18px; position:relative;}

.project_pop h3{font-size:14px; color:#c1c5cb; font-weight:normal; height:18px; overflow:hidden; padding-right:50px;}

.project_pop p{color:#fc0; margin-top:3px;}

.project_pop i{width:26px; height:19px; background:url(../images/indexicon.png) 0 -60px no-repeat; display:block; position:absolute; right:10px; top:18px;}

.project_btn{text-align:center;}

.project_btn a{width:12px; height:12px; background:url(../images/indexicon.png) no-repeat; font-size:1px; line-height:1px; display:inline-block; margin:0 9px; zoom:1;}

.project_btn a.active{background:url(../images/indexicon.png) 0 -15px no-repeat;}

.project_img img{width:100%; height:100%;}

.width960 .project_img img{width:300px; height:216px;}     /* add */

.width1200 .project_img img{width:330px; height:453px;}     /* add */







.about_title{text-align:center; padding-top:30px;  overflow:hidden;}

.about_list{width:960px; margin:30px auto 0 auto; overflow:hidden;}

.width960 .about_list{width:960px;}          /* add */

.width1200 .about_list{width:1200px;}        /* add */

.about_list ul{overflow:hidden; width:975px; height:183px;}

.width960 .about_list ul{width:975px; height:183px;}      /* add */

.width1200 .about_list ul{width:1215px; height:183px;}     /* add */

.about_list li{float:left; margin-right:13px; overflow:hidden; width:310px; height:183px;}

.width960 .about_list li{width:310px; height:183px;}     /* add */

.width1200 .about_list li{width:290px; height:168px;}     /* add */

.about_list img{width:310px; height:155px;}

.width960 .about_list img{width:310px; height:183px;}     /* add */

.width1200 .about_list img{width:290px; height:168px;}     /* add */



img{

-webkit-transform:scale(1,1);

-moz-transform:scale(1,1);

-ms-transform:scale(1,1);

-o-transform:scale(1,1);

transform:scale(1,1);

-webkit-transition-duration:200ms;

-moz-transition-duration:200ms;

-o-transition-duration:200ms;

transition-duration:200ms;

-webkit-transition-timing-function:ease-out;

-moz-transition-timing-function:ease-out;

-o-transition-timing-function:ease-out;

transition-timing-function:ease-out

}



.about_list li:hover img{

-webkit-transform:scale(1.05,1.05);

-moz-transform:scale(1.05,1.05);

-ms-transform:scale(1.05,1.05);

-o-transform:scale(1.05,1.05);

transform:scale(1.05,1.05);

-webkit-transition-duration:200ms;

-moz-transition-duration:200ms;

-o-transition-duration:200ms;

transition-duration:200ms;

-webkit-transition-timing-function:ease-out;

-moz-transition-timing-function:ease-out;

-o-transition-timing-function:ease-out;

transition-timing-function:ease-out

}



#about{padding-bottom:35px;}

.about_int{width:960px; margin:25px auto 15px auto; height:45px; line-height:30px; font-size:14px; color:#797979; position:relative; overflow:hidden;}

.width960 .about_int{width:960px;}     /* add */

.width1200 .about_int{width:1200px;}     /* add */

.about_intbg{background:url(../images/about_intbg.png) 50% 0 repeat-y;}

.about_btn{position:absolute; left:-5%; margin-left:-23px; bottom:0px; width:45px; height:45px; background:url(../images/indexicon.png) -550px 0 no-repeat; display:block;}

.about_btn span{ width:45px; height:45px; background:url(../images/indexicon.png) -550px -50px no-repeat; display:block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}



.about_pop{padding-bottom:25px; background:#fff url(../images/about_popbg.jpg) 50% 0 no-repeat; position:relative; z-index:2; display:none;}

.about_pop_top{width:960px; height:250px; position:relative; margin:0 auto;}

.width960 .about_pop_top{width:960px;}     /* add */

.width1200 .about_pop_top{width:1200px; }     /* add */

.about_popclose{position:absolute; top:15px; right:0; width:20px; height:20px; background:#ffcc00 url(../images/indexicon.png) 0 -80px no-repeat; display:block;}

.about_pop_top h3{position:absolute; top:33px; left:42px;}

.about_pop_top .about_pop_int{position:absolute; top:80px; left:42px; line-height:24px; width:295px; color:#fff;}

.about_pop_tab{position:absolute; right:0; top:128px;}

.about_pop_tab li{margin:0 13px; width:83px; float:left;}

.about_pop_tab li a{display:block; width:83px; height:83px; text-align:center; color:#ccc; line-height:20px; cursor:pointer; background:url(../images/aboutpop_tabico.png);}

.about_pop_tab li a.about_pop_tab01{background-position:0 -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch01.png');}

.about_pop_tab li a.about_pop_tab02{background-position:-85px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch02.png');}

.about_pop_tab li a.about_pop_tab03{background-position:-170px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch03.png');}

.about_pop_tab li a.about_pop_tab04{background-position:-255px -85px; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabicoch04.png');}

.about_pop_tab li.active .about_pop_tab01,.about_pop_tab li a.about_pop_tab01:hover {background-position:0 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico01.png');}

.about_pop_tab li.active .about_pop_tab02,.about_pop_tab li a.about_pop_tab02:hover {background-position:-85px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico02.png');}

.about_pop_tab li.active .about_pop_tab03,.about_pop_tab li a.about_pop_tab03:hover {background-position:-170px 0; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico03.png');}

.about_pop_tab li.active .about_pop_tab04,.about_pop_tab li a.about_pop_tab04:hover {background-position:-255px 0;_background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/about_pop_tabico04.png');}

/*

.about_pop_tab li a span{height:29px; display:block;}

.about_pop_tab li a i{width:83px; height:83px; display:block; background:url(../images/aboutpop_tabico.png) -83px 0 no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicochie6.png');}

*/

.about_pop_tab li.active a{color:#fff;}

.about_pop_tab li.active a i{background:url(../images/aboutpop_tabico.png) 0 100% no-repeat; _background:none; _FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aboutpop_tabicoie6.png')}

.about_pop_tab li a:hover{color:#fff;}

.about_pop_con{width:960px; position:relative; margin:0 auto;}

.width960 .about_pop_con{width:960px;}     /* add */

.width1200 .about_pop_con{width:1200px;}     /* add */

.about_pop_con li{display:none;}

.about_pop_con02 .honor_list p, .about_pop_con03 p{display:inline-block;margin:0 3px;width:288px;border:1px solid #999;}
.about_pop_con02 p img , .about_pop_con03 p img{width:285px;}
.about_pop_con02 p span , .about_pop_con03 p span{display:block;width:285px;height:auto;text-align: center;line-height:25px;margin:10px 0;}

.about_pop_con01{position:relative; width:100%;}

.about_pop_aboutlogo{position:absolute; top:5px; left:0;}

.about_pop_about{margin-left:330px; font-size:14px; line-height:27px; color:#666;}

.about_pop_about h3{font-size:40px; font-size:20px; color:#333; font-weight:normal; margin-bottom:10px;}

.about_pop_con03 img{width:100%;}



.about_pop_job{width:23%; float:left; margin-right:2%; line-height:24px; color:#999;}

.about_pop_job h3{font-size:18px; margin-bottom:10px; color:#000; font-weight:normal;}

.about_pop_job p{padding:10px 0;}

.about_pop_client{margin-right:1px; margin-top:1px;}

.about_pop_client dd{width:16.5%; float:left; margin-left:-1px; margin-top:-1px; display:inline; border:1px solid #efefef}

.about_pop_client dd img{width:100%;}



.newsbg{width:100%; padding:40px 0; background:#f8f8f8;}

.news{width:960px; margin:0 auto;}

.width960 .news{width:960px;}     /* add */

.width1200 .news{width:1200px;}      /* add */

.news_box{width:30%; overflow:hidden;}

.news_line{width:4.5%; border-left:1px solid #e6e5e5; height:310px; float:left;}

.news_title{line-height:26px;}

.news_title a{font-size:24px; color:#797979;}

.news_title span{font-size:18px; color:#fda362; line-height:20px;}

.news_title a:hover{color:#fda362;}

.news_list{margin-top:10px;}

.news_list li{line-height:40px; color:#a3a3a3; width:85%; float:left;}

.news_list li a{color:#333; width:100%; overflow:hidden; height:35px; display:block;}

.news_list li a:hover{color:#0076db;}

.news_list span{float:right;}



.contactbg{width:100%; overflow:hidden; background:url(../images/contactbg.jpg) 50% 0 no-repeat;}

.contact{

	width: 960px;

	margin: 0 auto;

	position: relative;

	

}

.width960 .contact{width:960px;}     /* add */

.width1200 .contact{width:1200px;}     /* add */



.message{

	padding-top: 55px;

	width: 45%;

	left: 10px;

	float: left;

}

.message h3{font-size:30px; color:#c1c5cb; font-weight:normal; line-height:36px;}

.message h4{font-size:24px; color:#fb963d; font-weight:normal; line-height:36px;}

.message_form{margin-top:15px;}

.message_name{width:40%; height:32px; line-height:32px; float:left; background:#7d7d7d; border:0; color:#fff; padding-left:5px;}

.message_tel{width:55%; height:32px; line-height:32px; float:right; background:#7d7d7d; border:0; color:#fff; padding-left:5px;}

.message_content{width:98%; padding:1%; overflow:hidden; height:120px; background:#7d7d7d; border:0; color:#fff;}

.message_btn{width:123px; height:41px; background:url(../images/indexicon.png) -425px 0 no-repeat; border:0; cursor:pointer; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */}

.message_btn:focus{-moz-outline-style: none; /* FF */}

.message_btnch{width:123px; height:41px; background:url(../images/indexicon.png) -425px -45px no-repeat; border:0; cursor:pointer;}

.message_about{color:#ffff00; font-size:14px;}

.contact_map{position:absolute; top:80px; right:75px;}



.foot_linksbg{width:100%; background:#202020; padding:10px 0 30px 0;}

.foot_links{width:960px; margin:0 auto; position:relative;}

.width960 .foot_links{width:960px;}       /* add */

.width1200 .foot_links{width:1200px;}     /* add */

.links{margin-top:15px; width:100%;}

.links h3{color:#0689f9; font-size:24px; font-weight:normal;}

.links_con{color:#7d7d7d; line-height:24px; margin-top:5px;}

.links_con a{color:#7d7d7d; display:inline-block;}

.links_con a:hover{color:#fff;}

.keyword{margin-top:15px; width:100%;}

.keyword h3{color:#fdd813; font-size:24px; font-weight:normal;}

.address{float:left;line-height:30px; color:#c1c5cb; font-size:14px;height:30px;}

.address a{color:#c1c5cb;}

.address a:hover{ color:#fff;}

.link_btn{height:40px;float:right;}

.link_btn li{width:127px; margin-top:12px; position:relative;border-radius: 5px;}

.link_qq{width:127px; height:40px; background:url(../images/indexicon.png) -30px 0 no-repeat; display:block;}

.link_qq:hover{background:url(../images/indexicon.png) -30px -50px no-repeat;}

.link_sina{width:127px; height:40px; background:url(../images/indexicon.png) -160px 0 no-repeat; display:block;}

.link_sina:hover{background:url(../images/indexicon.png) -160px -50px no-repeat;}

.link_weixin li{width:127px;height:40px;border-radius:5px;}

.link_weixin{width:127px; height:40px; background:url(../images/indexicon.png) -290px 0 no-repeat; display:block; position:relative; z-index:2;}

.link_weixin:hover{background:url(../images/indexicon.png) -290px -50px no-repeat;}

.link_weixin_ewm{position:absolute; top:-138px; height:0px; overflow:hidden; width:129px; background-image:url(../images/./images/-1blank); }



.footbg{width:100%; padding:15px 0; background:#0a0a0a; overflow:hidden;}

.foot{width:960px; margin:0 auto; color:#999;}

.width960 .foot{width:960px;}     /* add */

.width1200 .foot{width:1200px;}     /* add */

.foot a{color:#999;}

.foot a:hover{color:#fff;}



#loading{width:100%; display:block; height:100%; _height:700px; background:#262626; z-index:9999; overflow: visible; position: fixed; left:-100%; top:0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");}

#loading img{position:absolute; top:50%; left:50%; margin:-35px 0 0 -60px;}

#workpop{width:100%; background:#fff; overflow:hidden; position:absolute; top:0 ;left:0; display:none; z-index:9997;}



.subindex{width:100%; overflow:hidden;}



/* 案例页面 */

.sub_headbg{width:100%; height:40px; background:url(../images/searchpopbg.png) repeat; z-index:999; overflow: visible; position: fixed; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");}

.sub_head{width:960px; margin:0 auto; height:40px; position:relative;}

.width960 .sub_head{width:960px;}       /* add */

.width1200 .sub_head{width:1200px;}     /* add */

.sub_headbtn{position:absolute; left:0; top:0;}

.sub_headbtn li{float:left;position:relative;}

.sub_headbtn li.head_btn4{display:none;}

.sub_headbtn li a{display:block; width:50px; height:40px; overflow:hidden;}

.sub_headbtn li a span{display:block; width:50px; height:80px; background:url(../images/indexicon.png) no-repeat;}

.sub_headbtn li a:hover{transition:all 0s ease; -moz-transition:all 0s ease; -webkit-transition:all 0s ease; -o-transition:all 0s ease; -ms-transition:all 0s ease;}

.sub_headbtn li.head_btn1 a span{background-position:-600px 0;}

.sub_headbtn li.head_btn2 a span{background-position:-650px 0;}

.sub_headbtn li.head_btn3 a span{background-position:-700px 0;}

.sub_headbtn li.head_btn4 a span{background-position:-750px 0;}

.sub_headbtn li.head_btnselect a span{background-position:-800px 0;}

.head_selectbox{width:200px; position:absolute; height:0px; overflow:hidden;}

.head_selectbox li{background:#5a5a5a; width:100%;}

.head_selectbox li a{height:36px; line-height:36px; padding-left:10px; width:190px; display:block; border-bottom:1px solid #4e4e4e; color:#fff;}

.head_selectbox li a:hover,.head_selectbox li.active a{background:#0076db; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}



.share{position:absolute; right:0; top:10px; color:#999; line-height:20px;}



.sub_search{position:absolute; right:120px; background:#000; top:8px; width:200px; height:22px; border:1px solid #333;}

.sub_search_txt{width:160px; height:20px; line-height:20px; border:0; background:none; color:#FFF; margin:1px 0 0 5px; float:left; display:inline;}

.sub_search_btn{width:20px; height:20px; float:right; margin:1px 5px 0 0; display:inline; background:url(../images/indexicon.png) 0 -30px no-repeat; border:0; cursor:pointer;}



.bigpic{width:100%; margin:0 auto;}

.bigpic div{width:300%; text-align:center; margin-left:-100%;}

.sub_container{width:960px; margin:0 auto;}

.width960 .sub_container{width:960px;}       /* add */

.width1200 .sub_container{width:1200px;}     /* add */

.work_about{background:url(../images/searchpopbg.png) repeat; padding:20px 25px;}

.work_about h3{font-size:16px; color:#fff;}

.work_about h3 a{color:#fff;font-weight:normal;}

.work_about h3 a:hover{color:#f90;}

.work_about p{font-size:14px; color:#f0f0f0; line-height:24px; margin-top:5px;}

.width960 .work_pic img{max-width:960px;width:expression((this.offsetWidth > 960) ? (this.width = 960 +'px') : true);}

.width1200 .work_pic img{max-width:1200px;width:expression((this.offsetWidth > 1200) ? (this.width = 1200 +'px') : true);}





/* 文章内页 */

.news_top{margin-top:40px; text-align:center; padding-bottom:30px; border-bottom:1px solid #ccc;}

.news_top h1{font-size:24px; line-height:24px; color:#333;}

.news_top p{margin-top:15px; color:#666;}

.news_con{font-size:14px; line-height:30px; color:#333; margin-top:20px; width:100%;}

.recommend_title{text-align:center; padding-top:40px; padding-bottom:10px;}

.recommendbg{width:100%; background:#f8f8f8; overflow:hidden;}

.recommend_list{width:960px; margin:35px auto; overflow:hidden;}

.width960 .recommend_list{width:960px;}       /* add */

.width1200 .recommend_list{width:1200px;}     /* add */



.recommend_list ul{overflow:hidden; width:975px; height:190px;}

.width960 .recommend_list ul{width:975px; height:190px;}      /* add */

.width1200 .recommend_list ul{width:1215px; height:177px;}     /* add */

.recommend_list li{float:left; width:310px; height:190px; margin-right:15px; overflow:hidden;}

.width960 .recommend_list li{width:310px; height:190px;}          /* add */

.width1200 .recommend_list li{width:288px; height:177px;}          /* add */











/* 案例列表 */

.sub_top{width:960px; margin:0 auto; padding:40px 0 20px 0; position:relative;}

.width960 .sub_top{width:960px;}       /* add */

.width1200 .sub_top{width:1200px;}     /* add */

.sub_nav{position:absolute; right:0; bottom:20px;}

.sub_nav li{float:left; width:78px; height:32px; margin-left:5px; display:inline;}

.sub_nav li a{width:78px; height:32px; line-height:32px; text-align:center; display:inline-block;}

.sub_nav li.active a,.sub_nav li a:hover{color:#fff; background:url(../images/sub_navbg.png) no-repeat;}



.casebg{width:100%; background:#f8f8f8; overflow:hidden;}

.case_list{width:960px; margin:10px auto 0 auto; overflow:hidden;}

.width960 .case_list{width:960px;}       /* add */

.width1200 .case_list{width:1200px;}     /* add */

.width960 .case_list ul{width:975px;}      /* add */

.width1200 .case_list ul{width:1215px;}     /* add */

.case_list li{float:left; margin-right:15px; margin-top:15px; overflow:hidden;}







.page{width:960px; margin-left:auto; margin-right:auto;}

.width960 .page{width:960px;}      /* add */

.width1200 .page{width:1200px;}     /* add */

.page span,.page a{display:inline-block;height:24px; margin:0 5px 0 0; line-height:24px; background:url(../images/pagebg.png) 0 -50px no-repeat; padding-left:10px;}

.page span i,.page a i{display:inline-block; height:24px; line-height:24px; font-style: normal; background:url(../images/pagebg.png) 100% -75px no-repeat; padding-right:10px;}

.page a:hover,.page span{background:url(../images/pagebg.png) 0 0 no-repeat; color:#fff;}

.page a:hover i,.page span i{background:url(../images/pagebg.png) 100% -25px no-repeat;}

.page a:hover{transition:all 0s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0s ease; -o-transition:all 0s ease; -ms-transition:all 0s ease;}



/* 文章列表 */

.subnewsbg{width:100%; background:#f8f8f8; overflow:hidden;}

.subnews_list{width:960px; margin:10px auto 0 auto; overflow:hidden;}

.width960 .subnews_list{width:960px;}       /* add */

.width1200 .subnews_list{width:1200px;}     /* add */

.subnews_list li{width:49%; margin-top:25px; float:left;}

.subnews_list li.odd{float:right;}

.subnews_list a{position:relative; border:1px solid #e6e6e6; background:#fff; height:122px; display:block;}

.subnews_list a:hover{border:1px solid #fda362;}

.subnews_list a:hover h3{color:#0076db;}

.subnews_list a:hover p{color:#333;}

.subnews_about{padding:15px 15px 15px 180px;}

.subnews_about h3{font-size:14px; line-height:27px; color:#333;}

.subnews_about p{line-height:20px; color:#666; height:60px; overflow:hidden;}

.subnews_img img{width:150px; height:92px; position:absolute; left:15px; top:15px;}



.qqico{width:67px; height:100px; z-index:299; position: fixed; bottom:50px; right:1px; _position: absolute;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 50)||50)-(parseInt(this.currentStyle.marginBottom, 50)||50)));}
.qqico .msg_b{;background:#aaa;border-radius:3px;}
.qqico .msg_b a{text-align:center;color:#fff;font-size:12px;width:67px;height:60px;display:block;}
.qqico .msg_b img{margin:5px 0 2px;}

/*用户信息*/

#status_loginned{ position:relative; right:0; top:0;}

#status_loginnedd{ position:relative; right:0; top:0;}

.status_loginned{ float:left; margin-left:9px;}

.status_loginned .username{ color:#39A54F;font-weight:700; text-decoration:none; display:block; float:left; width:auto; position:relative; left:0px;}

.status_loginned a{height:38px;line-height:30px;padding:0 3px;}

#mn_myaccount_menu .top_poptitle{ right:-1px; }

.top_poptitle{

	background: none repeat scroll 0 0 #FFFFFF;

    border-color: #C7C7C7 #C7C7C7 -moz-use-text-color;

    border-image: none;

    border-style: solid solid none;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    border-width: 1px 1px 0;

    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);

    color: #333333;

    font-weight: 700;

    height: 37px;

    line-height: 27px;

    padding: 0 10px;

    position:absolute;

    top: -22px;

}

#mn_forum_menu{width:465px;-webkit-border-radius:0 3px 3px 3px;-moz-border-radius:0 3px 3px 3px;border-radius:0 3px 3px 3px;}#mn_forum_menu .top_poptitle{left:-1px;}#mn_forum_menu ul{*zoom:1;}



#mn_mymsg_menu .top_poptitle{right:-1px; _right:-2px;}



.top_popmenu .top_poptitle{position:absolute;line-height:20px;top:-30px;display:block;padding:0 3px 0 3px;height:30px;line-height:26px;border:1px solid #C7C7C7;border-bottom:none;background:#fff;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}

.top_popmenu .top_poptitle a{ line-height:20px;}

#mn_myaccount_menu{width:125px;-webkit-border-radius:3px 0 3px 3px;-moz-border-radius:3px 0 3px 3px;border-radius:3px 0 3px 3px;right:0;}

#mn_mymsg_menu{width:132px; -webkit-border-radius:3px 0 3px 3px;-moz-border-radius:3px 0 3px 3px;border-radius:3px 0 3px 3px;}

#mn_mymsg_menu{ right:0px;}

#samplepanel, #controlpanel{ position:fixed;z-index:200; width:100%;top:0px;}



/*增加*/

#toptb{position:fixed;top:0px;left:0;right:0;margin:auto;z-index:11;}#hd{position:fixed;top:29px;left:0;right:0;margin:auto;z-index:10;}#top_usermenu{ color:#000000;}

body{ margin-top:90px;}



#project .case_cate{ width:1215px; text-align:left; padding-left:25px;}

#project .case_cate span{ display:inline-block; padding:15px 45px; background:#d0d0d0; margin-right:15px; color::#6a6a6a; font-size:18px; transition:all 0.3s ease 0s;cursor:pointer;}

#project .case_cate span.case_cate_act{background:#deb200; color:#fff;}

#project .case_cate span:hover{background:#deb200; color:#fff;}



#project .case_project{ width:360px; height:267px; padding:4px; border:1px solid #eee;}

#project .case_project .case_img_exp img{ width:360px; height:266px;}

#news_content{ width:1215px; height:auto; text-align:center; margin-top:45px; margin-bottom:55px;}

#news_content .content_det .title{ height:53px; line-height:53px; border-bottom:1px solid #eee; color:#050505; font-size:24px; font-weight:500; font-family:'微软雅黑';}

#news_content .content_det .time_author{ width:1215px;height:45px; line-height:45px;  color:#050505; font-size:14px; font-weight:0; font-family:'微软雅黑';}

#news_content .content_det .news_det p{ text-align:left; line-height:30px; text-indent:4ex;}

#news_content .content_det .news_det h3{ text-align:left;}



#case_det{ height:auto; min-height:600px; width:1215px; text-align:center; margin:45px auto;}









