    @charset "utf-8";


/* banner */
.banner{width:100%; margin:0 auto; position:relative; height: 440px;}
.fullSlide{width:100%;position:relative;height:100%;background:transparent}
.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{height:100%;width: 100%;}
.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;width: 100%;}
.fullSlide .bd li a{display:block;height:100%;width: 100%;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}
.fullSlide .hd ul{text-align:center;margin-bottom:10px}
.fullSlide .hd ul li{background: rgba(255,255,255,0.95);cursor:pointer;display:inline-block;*display:inline;zoom:1;width: 35px;height: 9px;margin: 2px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}
.fullSlide .hd ul .on{background: #0c61be;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}


/**********************************************Ã¦ÂÅ“Ã§Â´Â¢********************************************/
.span4 {margin: 20px auto;}
.span4 ul li {float: left;width: 25%;background: url(../images/bg6.jpg) repeat-y left center;}
.span4 ul li:first-child {background:none;}
.span4 ul li i {color: #c8c8c8;text-transform: uppercase;line-height: 20px;}
.span4 ul li img {
  -webkit-transition: all .2s;
     -moz-transition: all .2s;
      -ms-transition: all .2s;
	   -o-transition: all .2s;
          transition: all .2s;
}
.span4 ul li:hover img {
  -webkit-transform: translateY(-10px);  
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px); 
       -o-transform: translateY(-10px);
	      transform: translateY(-10px);
}

.search {overflow: hidden;height: 42px;line-height: 33px;  border-bottom: 1px solid #dadada;padding-top:10px}
.search .hotkey span {font-size: 12px;font-weight: bold;color:#666;}
.search .hotkey a {font-size: 12px;padding-right: 13px; color:#868686;}
.search .form { float: right; height: 28px; line-height: 28px;color: #666; margin-top: 1px; margin-bottom: 3px;border:1px solid #CCC; padding-left:5px;background: url(../images/search.jpg) no-repeat 6px #fff; center;}
.search .search-t {float: left;width: 160px;height: 28px;line-height: 28px; color: #ccc; padding-left: 36px; margin-bottom: 4px; outline: 0; font-size: 12px; background: none;}
.search .search-s {float: left;width: 46px;height: 28px;color: #fff;font-size: 12px;cursor: pointer;background: #0064cb;border: none;}

.index2{ background:url(../images/image2.jpg) no-repeat center; height:355px;}
.honor .prev ,.honor .next {display: block;width: 20px;height: 70px;margin-top:-32px; position: absolute;top:50%; background: url(../images/p_n.png) no-repeat;}
.honor .prev {background-position: 0 0;left: 10px;}
.honor .next {background-position: -23px 0;right: 10px;}


.fpp .tempWrap{ width:350px; margin:0 auto;}



.hzkhbottom .casekj{ width: 1090px; margin:0 auto; overflow:hidden;}
.hzkhbottom li{  float:left; width: 191px; margin-right: 27px;margin-top: 32px;}
.hzkhbottom li a{ width: 180px; float: left;height: 76px;   font-weight:bold;text-align:center;color: #333; font-size: 14px;display:block;}

.hzkhbottom{  padding-top: 46px;}   
.hzkhbottom li img{width: 191px; height: 78px; border:1PX solid #e5e5e5;}
.hzkhbottom li .casetxt{ text-align:center; font-size:14px; height:20px; line-height:20px; overflow:hidden;margin: 10px auto;display: block; font-weight:normal;}
.hzkhbottom h3{
	text-align: center;
	font-weight: bold;
	color: #222;
	background: url(../images/25.png) center 16px no-repeat;
	height: 58px;
}
.hzkhbottom h3 a{
    width: 440px;
    display: block;
    margin: auto;
    font-size:24px;
    color: #00449a;

}
.hzkhbottom h3 span{
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin-top: 7px;
    color: #555;
}


.hztel{background: url(../images/10.png) no-repeat left center; height:35px;font-size: 16px;padding-left: 41px;width: 616px;margin: 31px auto 0;}
.hztel em{
    font-size: 24px;
    font-weight: bold;
    padding-right: 18px;
}
.hztel a{ font-size:18px; background:#01539d; color:#fff; font-weight:#bold; padding: 9px 25px;}








.titl1e {height: 40px;  margin-bottom: 10px;background-color: #e6e6e6;}
.titl1e h3 {width: 125px; float:left;text-align: center;  font-size: 16px; margin-right:10px;}
.titl1e h3 a {color: #333; width: 125px;  display:block;line-height: 40px;}

.titl1e .on a{color: #fff; background: #00449a;}
.titl1e .more {font-size: 12px;color: #4d4d4d;float: right;line-height: 40px;padding-right: 10px;}


.product .product_left{ width: 214px;margin-top: 30px;}
.product .product_left h2{ background:url(../images/1.jpg) no-repeat; height: 124px;}
.product .product_left h2 a{
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding-top: 58px;
    color: #fff;
}
.product .product_left h2 span{
    display: block;
    font-size: 14px;


    font-weight: normal;
}
.product .product_left dl{
    border: 1px solid #00449a;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 5px;
    padding-bottom: 18px;
}
.product .product_left dl dt{
    height: 36px;
    line-height: 36px;
    background-color: #005dbc;
    margin-top: 8px;
    font-size: 16px;
    padding-left: 39px;
}
.product .product_left dl dd:hover a{color: #00449a;}
.product .product_left dl dd{
    height: 36px;
    line-height: 36px;
    border-bottom: 1px dashed #dcdcdc;
    background: url(../images/3.jpg) no-repeat 24px center;
    padding-left: 38px;
    font-size: 14px;
}
.product .product_left dl dt a{
    color: #fff;
}
.product .product_left dl dd a{
    display: block;
}
.product .product_left .product_tel{background: #00449a; height: 145px;padding-top: 12px;}
.product .product_left .product_tel p{  background: url(../images/014.png) 16px 5px no-repeat;height: 57px;color: #fff;font-size: 14px;padding-left: 62px;line-height: 28px;margin-top: 15px;}
.product .product_left .product_tel em{
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.product .product_left .product_tel a{ background: #ff7200;color: #fff;display: block;height: 38px;width: 152px;border-radius: 5px;font-size: 16px;text-align: center;line-height: 38px;margin: 10px auto;}






.product_right {
    width: 852px;
    margin-top: 30px;
}
.showBox_nr{height:auto;overflow:hidden;margin:0 auto;}
.showBox_nr ul{}
.showBox_nr li{width: 273px;height: 300px;overflow:hidden;float:left;margin-right: 16px;}
.showBox_nr li .s_img{  overflow:hidden;display: block;}
.showBox_nr li .s_img img{width: 271px;height: 222px;overflow:hidden;border: 1px solid #d2d2d2;}
.showBox_nr li .s_tit{height: 30px;line-height: 30px;overflow:hidden;font-size:14px;text-align:center;}
.showBox_nr li:hover .s_tit a{ color: #00449a;}
.showBox_nr li:hover img{border: 1px solid #00449a;}
.showBox_nr li p{background: url(../images/img7.jpg) no-repeat center;height:30px;line-height:30px;margin: 4px auto;}
.showBox_nr li p .pro{ color:#fff; display:block; float:left;width: 132px; text-align:center;}
.showBox_nr li:hover p{background: url(../images/img8.jpg) no-repeat center;}


    .ys{ background:url(../images/why.png) no-repeat center bottom; height: 1239px;}
    .ys h3{  height:163px;padding-top: 40px;}
    .ys h3 a{ display:block; font-size:42px; font-weight:bold; text-align:center; color:#fff; padding-top:20px; line-height:50px;}
    .ys h3 a span{ display:block; font-size:18px; font-weight:100; text-align:center; }
    .ys .wrap{ position:relative;}
    .ys dl{ position:absolute;width: 394px;}
    .ys dl dt{ font-size:24px; font-weight:normal; line-height: 30px; margin-bottom: 35px; }
    .ys dl dt em{ font-size:30px; color:#0065ad; font-weight:bold; display:block;}
    .ys dl dd{ font-size:14px; line-height:34px;}
    .ys .ys1{ top: 82px; left: 126px;}
    .ys .ys2{ top: 419px; left: 674px;}
    .ys .ys3{ top: 752px; left: 126px;}
    .ys .ys4{ top: 10px; left: 500px;}
    .ys .ys5{ top: 421px; left: 0px;}
    .ys .ys6{ top: 666px; right: 150px;}



.witness{ height: 354px;}



.witness h3{height: 60px;margin-bottom: 30px;text-transform: uppercase;width: 344px;border-left: 4px solid #0064cb;border-right: 4px solid #0064cb;margin: 30px auto 10px;}
.witness h3 a{
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 28px;
}
.witness h3 a em{font-size: 21px;text-transform:uppercase;padding-left:8px;display: block;font-weight: bold;}
.witness h3 a span{
    text-align: center;
    color: #0064cb;
    text-transform: uppercase;
}
.jz{ width:624px; border-right:2px solid #e6e6e6;height: 338px;}

.jzff{ width: 520px; height: 107px;margin-right: 20px; margin-top: 21px;float: left;}
.jzff a{ display:block; float:left;}
.jzff .jzrt{ display:block; width: 360px; float: right;margin-left: 10px;}
.jzff .img{ width: 146px; height: 107px;}
.jzff img{float:left; width: 146px; height: 107px;padding: 2px;}
.jzff a b{ font-size:14px; color:#000;border-bottom: 1px solid #ccc;display: block;line-height: 24px;}
.jzff a p{ height: 41px; overflow:hidden; line-height:24px; color:#646464; margin-top: 7px;}
.jzff a span{color: #414141;  height:19px; line-height:19px; text-align:center;  display:block; float: left; font-size: 14px;margin-top: 17px;font-weight: bold;}
.jzff a:hover span{ color:#0f61cd}
.jzff a:hover b{ color:#0f61cd; }



.title1 {height: 44px; background-color: #f2f2f2;}
.title1 h3 {width: 125px;height: 44px;background: #005dbc; float:left;line-height: 44px;text-align: center;font-size: 18px;  margin-right:10px;}
.title1 h3 a {color: #fff;}
.title1 .active{background: #006bd5;}
.title1 .active a{ color:#fff;}
.title1 .more {font-size: 14px;color: #2e2e2e;float: right;margin-right: 10px;line-height: 44px;}



.title2 {height: 44px; background-color: #f2f2f2;}
.title2 h3 {width: 125px;height: 44px; float:left;line-height: 44px;text-align: center;font-size: 18px;  margin-right:10px;}
.title12 h3 a {color: #fff;}
.title2 .on{background: #005dbc;}
.title2 .on a{ color:#fff;}
.title2 .more {font-size: 14px;color: #2e2e2e;float: right;margin-right: 10px;line-height: 44px;}


.about{ background:url(../images/07.jpg); height: 410px; width:100%;}
.about a{ display:block;}
.about .abt{
    float: left;
    margin-top: 60px;
}
.about .abto{
    float: left;
    margin-top: 50px;
}
.about .abto img{
    width: 452px;
    height: 313px;
}
.about .abouttex{
    float: left;
    width: 560px;
    margin-top: 50px;
    margin-left: 20px;
}
.about .abouttex h6{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.about .abouttex p{
    font-size: 14px;
    line-height: 36px;
    height: 186px;
    overflow: hidden;
}
.xzx{ background: #ff7200!important;}
.about .abouttex .span{
    display: block;
    float: left;
    width: 140px;
    height: 40px;
    background-color: #00449a;
    margin-right: 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    margin-top: 30px;
}




.gg1{ background:url(../images/gg1.png) no-repeat; height: 207px;margin-top: 10px;position: relative;margin-bottom: -41px;}
.gg1 .wrap{
    position: relative;
}
.gg1 .gg1text{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 0;
}
.gg1 span{
    display: block;
    color:#fff;
    padding-top: 12px;
    font-size: 18px;
    font-weight: 100;
}
.gg1 .gg1text em{
    font-size: 30px;
    font-weight: bold;
}

.gg1 .gg1lx{
    background: url(../images/014.png) left 8px no-repeat;
    position: absolute;

    top: 96px;
    left: 0px;
    padding-left: 48px;
    height: 55px;
}
.gg1 .gg1lx a{
    width: 148px;
    height: 36px;
    margin:  auto;
    font-size: 16px;
    background-color: #ff7200;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    margin-top: 11px;
    line-height: 36px;
    display: inline-block;
}
.gg1 .gg1lx p{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}
.gg1 .gg1lx p em{
    font-size: 24px;
    font-weight: bold;
}

.gg2{ background:url(../images/gg2.png) no-repeat; height: 200px;}
.gg2 .wrap{
    position: relative;
}
.gg2 .gg1text em{ font-size:41px;}
.gg2 .gg1text{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 36px;
    left: 0;
}
.gg2 span{
    display: block;
    color:#fff;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 100;
}
.gg2 .gg1text em{
   
    font-weight: bold;
}

.gg2 .gg1lx{
    background: url(../images/014.png) left 8px no-repeat;
    position: absolute;
    top: 26px;
    right: 0px;
    padding-left: 48px;
}
.gg2 .gg1lx a{
    display: block;
    width: 148px;
    height: 36px;
    margin:  auto;
    font-size: 16px;
    background-color: #ff7200;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    margin-top: 11px;
    line-height: 36px;
}
.gg2 .gg1lx p{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}
.gg2 .gg1lx p em{
    display: block;
    font-size: 24px;
    font-weight: bold;
}
.procase{ height:320px; margin:0 auto;} 
.procase h3{height: 60px;margin-bottom: 30px;text-transform: uppercase;width: 384px;border-left: 4px solid #0064cb;border-right: 4px solid #0064cb;margin: 10px auto 30px;}
.procase h3 a{
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 28px;
}
.procase h3 a em{font-size: 21px;text-transform:uppercase;padding-left:8px;display: block;font-weight: bold;}
.procase h3 a span{
    text-align: center;
    color: #0064cb;
    text-transform: uppercase;
}
.procase li{ width:261px; height:220px;float: left;margin-right: 10px;}
.procase li img{ width:261px; height:187px;}
.procase li a{ display:block;}
.procase li p{ height:30px; line-height:30px; text-align:center;}




.gg3{ background:#0064cb; height: 160px;}
.gg3 .wrap{
    position: relative;
}
.gg3 .gg1text em{ font-size:41px;}
.gg3 .gg1text{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 36px;
    left: 0;
    text-align: center;
}
.gg3 span{
    display: block;
    color:#fff;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 100;
}
.gg3 .gg1text em{
   
    font-weight: bold;
}

.gg3 .gg1lx{
    background: url(../images/014.png) left 8px no-repeat;
    position: absolute;
    top: 26px;
    right: 0px;
    padding-left: 48px;
}
.gg3 .gg1lx a{
    display: block;
    width: 148px;
    height: 36px;
    margin:  auto;
    font-size: 16px;
    background-color: #ff7200;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    margin-top: 11px;
    line-height: 36px;
}
.gg3 .gg1lx p{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}
.gg3 .gg1lx p em{
    display: block;
    font-size: 24px;
    font-weight: bold;
}







.box {background:#fff;margin-top:20px;}
.box .titled {height:36px;line-height:36px;margin: 10px 0; border-left: 5px solid #0064cb;padding-left:10px;line-height: 12px;text-transform: uppercase;}
.box .titled h3 {font-size:16px;margin: 0;font-weight: bold;line-height: 22px;}
.box .titled h3 em {color: #c50b00;}
.box .titled h3 a {color:#333;}
.box .titled .more {float:right;margin-right: 5px;color:#666;line-height: 36px;}

.news {width: 340px;margin-right: 20px;}
.news li {height: 30px;font-size: 14px;color: #000;line-height: 30px;}
.news li span {float: right; color:#666;}
.news li a {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.news .title h3 {display: inline-block;margin-right: 10px!important;}
.news .title span {display: block; color:#666;}
.news .title .active a {color: #c50b00;}

.faq {width: 350px;height:290px; margin-bottom:20px;overflow: hidden;}
.faq .faq-c{ position:relative; height: 245px;}
.faq .faq-c .faq-l {margin-bottom:20px;clear:both;overflow:hidden;}
.faq .faq-c .faq-l .faq-w span{width: 25px;height: 25px;line-height:25px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:url(../images/wd.gif) no-repeat center top;}
.faq .faq-c .faq-l .faq-d span{clear:both;color:#fff;width: 25px;height: 25px;line-height:25px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background: url(../images/wd.gif) no-repeat center -35px;}
.faq .faq-c .faq-l .faq-w p {float:right;line-height: 20px;width: 315px;margin:0;color: #333;font-size: 14px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.faq .faq-c .faq-l .faq-d p {float:right;width: 315px;height:80px;line-height:25px;margin:0;color: #333;overflow:hidden;}


.lianjie{ height:40px; line-height:40px;background:#f5f5f5; margin-top: 10px; margin-bottom:30px; }
.lianjie .fl{ font-size:16px; font-weight:bold; color:#fff; background: #0064cb; width:116px; text-align:center}
.lianjie .fr{font-size:14px;color:#353535; float:left;  }
.lianjie .fr a{ padding-left:40px; display:block;float:left; font-weight:100;}
