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

body{ font:12px/24px "微软雅黑", Arial, Helvetica, sans-serif; color:#666;}
html,body,div,ul,li,a,p,span,img,h2,h3,h1{ padding:0; margin:0;}
*{ padding:0; margin:0;}
.float_L{ float:left;}
.float_R{ float:right;}
.clear{ clear:both;}
a{ text-decoration:none;}
ul{ margin:0; padding:0;list-style-type:none;}
img{ border:none;}
.w960{ width:960px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}

/*首页开始*/

/*--nav start--*/

#nav{position:fixed;top:0;z-index:9999;width: 100%;  height:50px; background: rgba(51, 51, 51,0.75) repeat-x 0 0;}
.logo{ width:150px; height:40px; padding:5px 0px;}
.nav{ width:580px; height:50px;}
.nav ul{ margin:0;}
.nav ul li{ float:left; height:50px; margin-right:10px;}
.nav ul li a{text-decoration:none; color:#fff; line-height:50px; display:block; width:100px; text-align:center;  font-size:16px;}
.nav ul li a:hover{ background: rgba(7, 49, 144,0.75); color:#fff;   height:50px;}
.lan{ float:right;height:50px;padding-top: 10px;}
.lan_c ,.lan_e{ text-align:center; line-height:30px; width:32px; display:block; height:30px; color:#fff; float:left;margin-right:10px;}
.lan_c:hover,.lan_e:hover,.navcc{ color:#fff; background:#073190;}
/*--nav end--*/

/*--banner start--*/

#banner{ height:720px;overflow: hidden;
margin: 0 auto;
min-width: 960px;} 
.flexslider{margin:0px auto; position:relative;width:100%; height:720px; overflow:hidden; zoom:1;}
.flex-viewport{ -webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides .img{ height:720px;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
/*--banner end--*/
/* 案例 */
/*按钮*/
.mainer{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-width:960px;}
.main1{ width:100%;overflow:hidden; margin:0 auto;}
.main1box{ width:960px; overflow:hidden; margin:0 auto;}
.main1box_1{ height:103px; padding-top:40px; text-align:center; overflow:hidden;}
.main1box_2{ height:114px; overflow:hidden; margin:0 auto;}
.main1box_2_list{ width:1080px; height:auto; overflow:hidden; margin:20px auto;}
.main1box_2_list li{ width:365px; height:76px; float:left; padding-left:60px; padding-right:60px;}
.main1box_2_list li:first-child{background:url(../images/c-1.2.png) no-repeat center;}
.main1box_2_list li:first-child:hover {background:url(../images/c-1.png) no-repeat center;}
.main1box_2_list li:last-child{background:url(../images/c-2.png) no-repeat center;}
.main1box_2_list li:last-child:hover{background:url(../images/c-2.2.png) no-repeat center;}
.main1box_2_list li a{ width:365px; height:76px; display:block; cursor:pointer; overflow:hidden; line-height:500px;cursor:default}
.main1box_2_list li a:hover,.main1box_2_list li.nekkhow a{ line-height:100px; font-size:12px; text-align:center; height:76px; padding-top:44px; width:365px; padding-left:10px; padding-right:10px; font-weight:bold;}

/*按钮 end*/
/* 列表 */
#gotop{ position: fixed; bottom: 20px; right: 25px; display: none;  width: 80px;  height: 40px;   z-index: 100;   text-indent: -300px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;   overflow: hidden;}
#gotop:hover{ background: url(../images/case-d.png) 0 0 no-repeat;}

.section{width:960px;margin:0 auto 0 auto;overflow:hidden; padding-bottom: 20px;}
.section ul li{float:left;width:306px;height:173px;overflow:hidden;position:relative; margin:0 0 15px;}
.section ul li:nth-child(2),.section ul li:nth-child(5){margin:0 15px 15px;}
.section ul li .photo{width:306px;height:173px;overflow:hidden;}
.section .rsp{width:306px; height:173px;overflow:hidden;position: absolute;background:url(../images/case-d.png) no-repeat left top;;top:0px;left:0px; color:#000; font-size:0;}
.section .more{   padding:10px; width:150px; height:20px; font-size: 16px;text-align: center;margin:0 auto; color: #333;
   border: 1px solid #2465af;
   -moz-border-radius: 30px;      /* Gecko browsers */
   -webkit-border-radius: 30px;   /* Webkit browsers */
   border-radius:30px;            /* W3C syntax */ }
.section .more:hover{background: #2465af;color: #fff;}
.section .more a{color: #333;}
.section .more a:hover{color: #fff;}
/*案例 end*/
/*一句话*/
.main2{ width:100%;  height:220px;padding-bottom: 20px; min-width:960px; margin:0 auto; overflow:hidden;}
.main2box{ width:1500px; height:auto; overflow:hidden; margin:0 auto; padding-top:20px; line-height:35px;}
/*一句话 end*/
/*公司简介*/
.main3{ width:100%; height:300px; margin:0 auto; margin:0 auto; min-width:960px;}
.main3box{ width:960px; height:auto; overflow:hidden; margin:0 auto;}
.main3box_tit{ width:100%; height: 65px; padding-top:10px; overflow:hidden; line-height:55px;color: #333;  font-size: 14px;}
.main3box_tit_1{border-bottom:dashed 1px #d2d2d2;}
.main3box_tit span{ padding-bottom:15px;border-bottom: 2px solid #126fb4; font-size: 24px;}
.main3box_tit a{ color:#666;float:right; font-size:14px; padding-top:35px; line-height:20px;}
.main3box_tit a:hover{ color:#073190;}
.main3box_cont{ width:100%; height:200px; overflow:hidden; font-size:12px; line-height:31px; padding-top:15px;}
/*公司简介 end*/
/*我们的优势*/
.main4{ width:100%; overflow:hidden; margin:0 auto; background:url(../images/two.jpg) no-repeat center top; height:334px; min-width:960px;}
.main4box{ width:960px; height:auto; overflow:hidden; margin:0 auto;}
.main4box_tit{color: #fff; width:100%; height: 65px; padding-top:10px; overflow:hidden; line-height:55px;   font-size: 14px;}
.main4box_tit_1{border-bottom:dashed 1px #d2d2d2;}
.main4box_tit span{ padding-bottom:15px;border-bottom: 2px solid #126fb4; font-size: 24px;}
.main4box_tit a{ color:#fff;float:right; font-size:14px; padding-top:35px; line-height:20px;}
.main4box_tit a:hover{ color:#073190;}
.main4box_cont{ width:100%; height:255px; overflow:hidden; margin:0 auto; color:#fff;}
.m4list{ width:100%; height:auto; overflow:hidden;}
.m4list li{ width:470px; height:auto;  padding-top:20px; float: left; margin-right: 20px;}
.m4list li .m4st_1{ height:80px; width:80px; clear:both; overflow:hidden;  text-align:center; float:left;}
.m4list li .m4st_2{float:left;height:30px; font-size:20px; line-height:30px; overflow:hidden;margin-top: 20px;margin-left: 5px;}
.m4list li .m4st_3{  height:50px; line-height:15px; overflow:hidden; float: right; font-size:14px;padding-right: 10px;}
/*我们的优势 end*/
/*联系我们*/
.main6{ width:100%; background:#eeeeee;overflow:hidden; margin:0 auto; min-width:960px;}
.main6box{ width:960px; height:auto; overflow:hidden; margin:0 auto;}
.main6box_l{width: 480px;float: left;margin-bottom:10px;}
.main6box_tit_l{ height: 70px;margin-bottom:50px;margin-top: 30px; line-height:40px; font-size:30px;color: #333;}
.main6box_tit_l span{color:#666; font-size: 18px;}
.main6box_cont_l{height:auto; overflow:hidden; padding-bottom:50px; font-size: 18px; color: #333;}
.main6box_c_1{font-size: 14px; color: #666;padding-top: 20px;}
.main6box_r{width: 480px;float:right;margin-bottom:10px;}
.main6box_tit_r{ height: 80px; padding-top:30px; line-height:40px; font-size:30px;color: #333; float: right;padding-bottom:60px;}
.main6box_cont_r{padding-top:40px;}
/*联系我们 end*/

/* 内页footer*/
.neifooter{ width:100%; height:auto; overflow:hidden; background:#2a2f35; min-width:960px; margin:0 auto;}
.neifooterbox{ background:url(../images/logo-2.png) no-repeat left center;height:100px; padding-top:19px; overflow:hidden; margin:0 auto; padding-left:200px; width:752px; color:#ededed; line-height:20px;}
.neifooterbox_1 {margin-left: 120px;margin-top: 10px;}
.neifooterbox_1 ul li{ float:left; height:50px; margin-right:30px;font-size: 14px; text-align: center;line-height: 50px;}
.neifooterbox_1 ul li a{color: #fff;}
.neifooterbox_1 ul li a:hover{color:#4a96e1;}
.neifooterbox_2{font-size: 12px; color: #fff;margin-left:120px;}
/* 内页footer end*/

/*内页banner*/
.neiflash{ width:100%; height:380px;margin: 0 auto;text-align: center;}
/*banner end*/

/*内页 关于我们*/
.main7{ width:960px; height:auto; overflow:hidden; margin:0 auto; padding-top:30px; padding-bottom:40px;}
.main7_left{ width:240px; height:auto; background:#f8f8f8; padding-bottom:10px; float:left;}
.main7_left_tit{  height:50px;margin:0 auto; padding-left: 15px;padding-top: 20px;}
.main7_left_list{ width:100%; height:auto; overflow:hidden;}
.main7_left_list li{ width:100%; height:40px; overflow:hidden;margin-bottom: 5px;}
.main7_left_list li a{ display:block; height:42px; line-height:42px;cursor:pointer;  overflow:hidden; text-align: center; clear:both; font-size:16px;color: #333;}
.main7_left_list li a.hover{ background:#2465af; color:#fff;}
.main7_right{ width:700px; height:auto; overflow:hidden; float:right;}
.main7_right_cont{ width:100%; height:auto; overflow:hidden;}
.m7_about{ width:100%; height:auto; overflow:hidden; line-height:2; font-size:14px;}
.lanPos{
   width:225px;
   height:40px;
   line-height:40px;
   background:#F8F8F8;
   border-left:5px solid #FF5F3E;
   position:absolute;
   left:-5px;
   top:0;
   z-index:-1;
   transition:top .2s;} 
/*关于我们 end*/
/*联系我们*/
/*联系方式*/
.main7box_l{width: 350px;float: left;margin-bottom:10px;}
.main7box_cont_l{height:auto; overflow:hidden; padding-bottom:50px; font-size: 18px; color: #2465af;}
.main7box_c_1{font-size: 14px; color: #666;padding-top: 20px;}
.main7box_r{width: 350px;float:right;height:auto; }
.main7box_cont_r{padding-top:60px;}
/*在线留言*/
.m7_f{height: 600px;}
.m7_f span{font-size: 16px; color:#333}
.m7_f input{width: 400px; height: 40px;margin-bottom: 20px; outline: none;}
.m7_f textarea{width: 600px; height: 200px; outline: none;}
.m7_f .ly{}
.m7_f .button{margin-top: 30px;margin-left: 80px;width: 200px; height: 40px;background: #f8f8f8; border: none;font-family: 微软雅黑;font-size: 16px;}
.m7_f .button:hover{background:  #2465af; color: #fff; outline:none; }

/*联系我们 end*/
/*内页 服务案例*/
.main8{ width:100%; height:auto;  margin:0 auto; }
.main8box{ width:960px; height:auto;  margin:0 auto; padding-bottom:45px; padding-top:30px;}
.main8box_1{ width:960px; height:116px; line-height:116px; overflow:hidden; margin:0 auto; color:#333; font-size:48px; text-align:center;}
.main8box_2{ width:960px; height:50px; overflow:hidden; margin:0 auto; text-align:center; }
.main8box2_list{ overflow:hidden; margin:0 auto; display:inline-block; _zoom:1;_display:inline; height:50px; 
                  padding-left:28px; padding-right:30px; width:auto;}
.main8box2_list li{ width: 200px;float:left; height:34px; line-height:34px; font-size:16px;margin-right: 30px; 
  border: 1px solid #2465af;
   -moz-border-radius: 30px;      /* Gecko browsers */
   -webkit-border-radius: 30px;   /* Webkit browsers */
   border-radius:30px;            /* W3C syntax */ }
.main8box2_list li a{ display:block; height:34px;  color: #333;}
.main8box2_list li a:hover,.main8box2_list li a.m8cc{ background: #2465af;color:#fff;
   -moz-border-radius: 30px;      /* Gecko browsers */
   -webkit-border-radius: 30px;   /* Webkit browsers */
   border-radius:30px;            /* W3C syntax */  }
/*案例列表*/
#container{position:relative;padding-top:30px; width:960px; margin:0 auto;}
#container li{position:relative;left:0;top:0;z-index:0;}
.templates{ width:100%; height:auto;}
.templates li{float:left;height:173px;width:306px;margin-right: 10px;margin-bottom: 10px;}
.templates a{display:block;height:173px;text-align:center;width:306px;cursor:pointer;position:relative;background:#ffffff; overflow:hidden;}
.templates img{width:306px;height:173px;}
.templates img:hover{ transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
  }
.templates .btnLine{position:absolute; bottom:-173px; line-height:173px;;overflow:hidden; font-size:16px;left:0px;right:0px;
   height:173px;text-align:left; color:#FFF;  background: rgba(7, 49, 144,0.75); width: 306px;transition:bottom 1s;
-moz-transition:bottom 1s; /* Firefox 4 */
-webkit-transition:bottom 1s; /* Safari and Chrome */
-o-transition:bottom 1s;  }
   .templates li:hover .btnLine{bottom:0px;}

/*案例列表 end*/
/*案例详情*/
.main8box_4{ width:960px;  margin:50px auto 0;}
.main8box_4 .til{font-size: 24px; color: #2465af; text-align:center;padding-bottom:20px;}
.main8box_4 .nr{font-size: 14px;color: #333;margin-top: 30px;}
/*滚动*/
.clearfix{clear:both;}
.blk_29 {  OVERFLOW: hidden;POSITION: relative;}
.blk_29 .LeftBotton { BACKGROUND:url(../images/left.png) no-repeat 0px 0px;FLOAT: left;WIDTH: 41px; CURSOR: pointer; POSITION: absolute; TOP:230px; HEIGHT: 78px;left: 20px;}
.blk_29 .RightBotton { RIGHT:0; BACKGROUND:url(../images/right.jpg) no-repeat 0px 0px; FLOAT: right; WIDTH: 41px; CURSOR: pointer; POSITION: absolute; TOP: 230px; HEIGHT: 78px; z-index:99;right: 20px;}
.blk_29 .Cont { MARGIN: 0px auto; OVERFLOW: hidden; WIDTH:960px; height: 500px;}
.blk_29 .Cont img{width:960px;}
.blk_29 li { FLOAT: left; WIDTH: 140x; TEXT-ALIGN: center}
.blk_29 .box IMG { width:100%;}
.rollphotos {WIDTH:980px;POSITION: relative; margin:0 auto;}