@charset "utf-8";
/* CSS Document */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{ font:12px/1.5 tahoma,arial,宋体,sans-serif; color:#666666; line-height:30px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; } 
a{ color:#666666; text-decoration:none; }
a:hover{ color:#0175cc;text-decoration:none;}
ol,ul,li,td,tr,table,p{list-style:none;}
.clear{ clear:both;}
.wp{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
   }  
   
/*手机头部*/
.m-bar{
    height: 75px;
	 background-color:#0175cc;
}
.logo-m{
    width: 75%;
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 75px;
    line-height: 75px;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	font-family:"微软雅黑"
}
.logo-m img{
    height: 90%;
    display: inline-block;
    z-index: 60;
    vertical-align: middle;
}
.m-hd{
    display: none;
    background-color: #fff;
    position: fixed;
    z-index: 400;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}
.m-nav{
    clear: both;
    position: absolute;
    top: 75px;
    left: 0;width: 100%;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}

.m-nav a{
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #fff;
    padding: 0 20px;
    color: #333;
}

.m-trigger{
    height: 75px;
    cursor: pointer;
    width: 50px;
    float: right;
    background: url(../images/menu.png) no-repeat center center #cc1436;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
}
.m-nav{display: none;}


#hd .logo{
    float: left;
}
#hd:before,
#hd:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

#hd:after{
  clear: both;
}

#hd{
  zoom: 1;
  position: relative;
  z-index: 50;
  height:80px;
  background-color:#ffffff;
  float:right;


}

.head_logo{ background:url(../images/logo.jpg) no-repeat center top; width:194px; height:80px; float:left;}
.nav {
    margin-top: 0px;
	font-family:"微软雅黑";
	font-weight:bold;
}
.nav li{
    float: left;
	 text-align:center;

}
.nav li a{
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 28px;
	color:#666666;
	text-align:center;
}
.nav li a:hover{
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 28px;
	color:#0175cc;
	border-bottom:5px solid #0175cc;
}
.current{
    display: block;
    height: 48px;
    line-height: 48px;
    margin-right: 35px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 10px;
	background: #ea222a;
}


.nav li.on span{
    display: none;
}
.nav li.on em{
    color: #086b42;
    display: block;
}

.banner{ width:100%; height:450px; margin:0 auto; background-color:#000;}
.atitle
{
    font-size: 24px;
	font-family:"微软雅黑";
    line-height: 50px;
    margin-bottom: 30px;
    padding-bottom: 25px;
	font-weight:bold;
    text-align: center;
    color: #333;
	background:url(../images/bg1.png) no-repeat center bottom;
	padding-top:60px;
}

.pic-big{
    width: 50%;
    float: left;
}
.pic-big .pad{
    padding: 5px;
}
.pic-big a{
    display: block;
    width: 100%;
    padding-top: 87.598%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.pic-big a h3{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 24px;
    background: rgba(51,149,223,.4);
    padding: 0 32px;
    font-weight: bold;
}

.ul-list1 em{
    position: absolute;
    top: 15px;
    left: 18px;
    border: 1px solid #eaeaea;
    background-color: rgba(51,149,223,.8);
    font-size: 14px;
    padding: 0.39em 1.67em;
    color: #fff;
    z-index: 50;
    white-space: nowrap;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
	font-style:normal
}
.ul-list1 li{
    float: left;
    padding: 5px;
}

.ul-list-sm{
    width: 50%;
    float: left;
}
.ul-list-sm li{
    width: 50%;
}

.ul-list-lg{
    width: 100%;
}
.ul-list-lg li{
    width: 25%;
}
.ul-list1 li a{
    position: relative;
    display: block;
    width: 100%;
    padding-top: 87.392%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.pro-center-wp{
    margin: 0 -5px;
}


.ul-list1 li a:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(51,149,223,.5);
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

.ul-list1 li a:hover:after{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.ul-list1 li a:hover em{
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.main_bg{ background:url(../images/main_bg.jpg) no-repeat center top; width:100%;  margin:0 auto; margin-top:80px;}
.f_a{ padding-top:60px; }

.index_cases {padding:60px 0;overflow:hidden;background:#FFF;} 
.index_cases_main {width:100%;margin:auto;overflow:hidden;position:relative; min-height:400px;} 
.index_cases_main .title{text-align:left; width:300px; border-left:#3395df 3px solid; padding-left:1%;position:absolute; left:0; top:0; height:65px; z-index:90; background:#FFF}
.index_cases_main .title h1{color:#3395df; font-size:24px; font-family:"微软雅黑";}
.index_cases_main .title h3{text-transform:uppercase; font-size:12px; line-height:30px; color:#666;}

.ck-slide {  height: 520px; margin: 0 auto;overflow: hidden;width:100%;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;height: 430px; width:10000%}
.ck-slide ul.ck-slide-wrapper li { position: absolute; padding-left:502px;height: 430px;}
.ck-slide ul.ck-slide-wrapper li img{border:#eaeaea 10px solid;}
.ck-slide ul.ck-slide-wrapper li ol {position: absolute; left:0px; top:150px;  border:#CCC 1px solid; padding:10px; }
.ck-slide ul.ck-slide-wrapper li ol * {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.ck-slide ul.ck-slide-wrapper li a.txtcs{ background:#eaeaea;padding:30px; display:block; display:block; overflow:hidden; width:600px;}
.ck-slide ul.ck-slide-wrapper li a.txtcs h4 { padding-bottom:10px;  font-size:20px; font-family:"微软雅黑"; font-weight:bold;}
.ck-slide ul.ck-slide-wrapper li a.txtcs span { line-height:22px;}
.ck-slide ul.ck-slide-wrapper li a.txtcs h6 {  border:#ccc 1px solid; text-align:center; line-height:30px; width:100px; margin-top:20px;}
.ck-slide ul.ck-slide-wrapper li a.txtcs:hover {background:#0175cc;padding-left:50px;}
.ck-slide ul.ck-slide-wrapper li a.txtcs:hover h4,.ck-slide ul.ck-slide-wrapper li a.txtcs:hover h6,.ck-slide ul.ck-slide-wrapper li a.txtcs:hover span{ color:#FFF; }
.ck-slide .ck-prev { position: absolute; bottom:10px; width: 35px; height: 35px; line-height:35px;right: 45px; background: #eaeaea ; text-align:center; font-family:"宋体"; font-size:18px; z-index:100000000000}
.ck-slide .ck-next{ position: absolute; bottom: 10px;  width: 35px; height: 35px; line-height:35px;right: 0px; background: #eaeaea ; text-align:center; font-family:"宋体";font-size:18px; z-index:100000000000}
.ck-slide .ck-prev:hover,.ck-slide .ck-next:hover { background:  #4c8e42 ; color:#FFF}



.iabout
{
    overflow: hidden;

    max-height: 554px;

    background: url(../images/bg3.jpg) no-repeat top center;
}



.iaboutbox .iaboutl
{
    float: left;

    width: 50%;

    text-align: right;

    *width: 49%;
}

.iaboutbox .iaboutl .iabouttt
{
    margin-right: 1em;
}

.iaboutl .iaboutll
{
    float: left;

    width: 28.5%;
    margin-top: 6.3%;

    *margin: 0;
}

.iaboutl .iaboutll li
{
    font-size: 16px;
	font-family:"微软雅黑";
	line-height:30px;
    float: left;
    width: 33.3%;
    min-height: 160px;
    padding: 15px;

    *width: 11.7%;
}

.iaboutl .iaboutll li a
{
    color: #fff;
}

.iaboutl .iaboutll .vmore
{
    float: left;

    margin-top: 47.5%;

    text-align: center;

    border: 2px solid #0175cc;
}

.iaboutl .iaboutll .vmore a
{
    line-height: 30px;

    padding-right: 25px;
    padding-left: 10px;
}

.iaboutl .iabc
{
    background: #0175cc;
}

.iaboutl .iabc:hover
{
    background: #194e97;
}

.iaboutl .iabh
{
    background: #0b83dc;
}

.iaboutl .iabh:hover
{
    background: #194e97;
}

.iaboutl .iabr
{
    background: #198fe8;
}

.iaboutl .iabr:hover
{
    background: #194e97;
}

.iaboutl .iaboutlr
{
    z-index: 999999;

    float: right;

    width: 71.5%;

    text-align: left;
}

.iaboutl .iaboutlr .dot
{
    margin-top: 7%;
}

.iaboutbox .iaboutr
{
    position: relative;

    float: right;

    width: 50%;
    min-height: 352px;
    padding: 64px 0 0 45px;

    background: url(../images/bg4.png) no-repeat left top;

    *width: 45%;
}

.iaboutbox .iaboutr .title2
{
    padding-bottom: 25px;
}

.iaboutbox .iaboutr img
{
    position: absolute;
    top: 10%;
    right: 0;
}

.iaboutbox .iaboutr p
{
    color: #666;
}

.vedio_kuai
{
    position: relative;

    overflow: hidden;
    /* width: 360px; */

    width: 100%;
	background-color:#000000;
    height: 262px;
	padding-left:12px;
	padding-top:12px;

    cursor: pointer;
}
.title2{ font-size:20px; font-family:"微软雅黑"; font-weight:bold;}

.inews{  overflow:hidden;}
.inews dl{ margin:30px 0 60px; overflow:hidden}
.inews dt{ float:left; width:204px; margin-right:2px;}
.inews dd{ float:left; height:196px; margin-left:40px; width:884px;}
.ilistnews{ overflow:hidden;*zoom:1;}
.ilistnews li{ width:50%; height:74px; margin-bottom:40px; float:left}
.ilistnews li span,.showdate span{ display:block; width:74px; height:74px; text-align:center; border-right:1px solid #e3e3e3; float: left; margin-right:16px;}
.ilistnews li span em,.showdate span em{ font-size:18px; color:#999; display:block; font-style:normal}
.ilistnews li span i,.showdate span i{ font-size:36px; color:#162c71; font-weight:bold; display:block; font-style:normal; width:100%; height:50px; line-height:50px;}
.btit{ width:330px; float:left; height:76px; overflow:hidden;}
.btit h3 a{ font-size:14px; color:#666; font-weight:normal}
.btit h3 a:hover{ text-decoration:underline}
.btit p{ font-size:12px; color:#a9a9a9; margin-top:6px; line-height:22px;}



.footer {width:100%;overflow:hidden; position:relative;  background:#e8e8e8; font-family:"微软雅黑"}
.footer .footer_content { width:1200px; margin:auto;  text-align:left; color:#8a614a;overflow:hidden;}
.footer .footer_content ul {overflow:hidden; }
.footer .footer_content ul.fl { float:left; padding:50px 0; margin-right:95px;}
.footer .footer_content ul.fl h1{ font-size:14px;color:#4e4e4e; font-weight:bold; padding-bottom:10px;}
.footer .footer_content ul.fl li{ float:left;}
.footer .footer_content ul.fl li a{display:block;font-size:14px;color:#666666;padding-bottom:10px;}
.footer .footer_content ul.fl li a:hover{color:#0175cc; }
.footer .footer_content ul.fr li {color:#666666; text-align:center; padding:50px 90px; background:#f2f2f2;}
.footer_bottom { background:#000000;}
.footer_bottom ul{width:1200px; margin:auto;  text-align:left; color:#747474; height:46px; line-height:46px; font-family:"Arial"; overflow:hidden;}
.footer_bottom ul a {color:#747474;}
.footer_bottom ul li.fl { width:70%; float:left;}
.footer_bottom ul li.fr {float:right;text-align:center;width:159px;padding:0 60px; background:#000000;}
.footer_bottom ul li.fr a{ background-image:url(../images/fx.png); background-repeat:no-repeat; display:inline-block;*display:-moz-inline-stack;zoom:1;*display:inline;padding:20px 20px; }
.footer_bottom ul li.fr a:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.footer_bottom ul li.fr a.qq{background-position:0px 9px;}
.footer_bottom ul li.fr a.wx{background-position:-40px 9px;}
.footer_bottom ul li.fr a.wb{background-position:-80px 9px;}

.sbody{ padding-bottom:60px; padding-top:20px;}
/*默认样式开始*/
.n1{ width:100%; margin:0 auto; background-color:#ffffff; height:77px; border-bottom:1px solid #e5e5e5;}
.n2{  width:15%; float:left; height:77px; text-align:center;line-height:77px; color:#666666;  overflow:hidden; font-size:16px; margin-bottom:.5em; font-weight:bold; font-family:"微软雅黑";}
.n2:hover{background-color:#0175cc; width:15%; height:77px;  text-align:center; line-height:77px; color:#ffffff; cursor:pointer;}
.1ab{background-color:#0175cc; width:15%; height:77px;  text-align:center; line-height:77px; color:#ffffff; cursor:pointer;}


.n9{ width:100%; margin:0 auto; background-color:#ffffff; height:77px; border-bottom:1px solid #e5e5e5;}
.n10{  width:25%; float:left; height:77px; text-align:center;line-height:77px; color:#666666;  overflow:hidden; font-size:16px; margin-bottom:.5em; font-weight:bold; font-family:"微软雅黑";}
.n10:hover{background-color:#0175cc; width:25%; height:77px;  text-align:center; line-height:77px; color:#ffffff; cursor:pointer;}
.ab{background-color:#0175cc; width:25%; height:77px;  text-align:center; line-height:77px; color:#ffffff; cursor:pointer;}
.n11{ background:url(../images/pa1.jpg) no-repeat; font-size:14px; width:210px; height:39px;padding-left:32px; line-height:39px; color:#ffffff; margin-bottom:8px; overflow:hidden;}
.n11:hover{ background:url(../images/pa1.jpg) no-repeat; width:210px; font-size:14px; height:39px; padding-left:32px; line-height:39px; color:#FF6000; cursor:pointer;}

.n12{color:#1c5483}
.n12:hover{color:#FF6000; cursor:pointer;}
.newslist { margin:0 auto;}
.newslist ul {}
.newslist li {
	background: url(../images/ico.jpg) no-repeat 4px center;
	padding: 5px 0 5px 2px;
	height: 24px;
	line-height: 24px;
	font-size:14px;
	width:99%;
	overflow: hidden;
	
}

.newslist li a {
	color: #666666;
}
.newslist li a:hover {
	color: #b40001;
}
.newslist li span {
	color: #666666;
	float: right;
	font-size:12px;
}
.clear {
    zoom:1;
}
.maincontent {margin:0 auto;}
#productslist {overflow: hidden;}
#productslist li { margin-bottom: 15px; padding:0 34px;  float: left; text-align: center; }
#productslist a {display: block; overflow: hidden;  padding: 10px; background-color: #ebebeb; width: 100%;}
#productslist a:hover { padding: 10px;background-color: #0175cc; color:#ffffff;}
#productslist h3 {font-size: 12px;  font-weight:normal; }
#productslist p {margin: 0; height: 120px; overflow: hidden;}

.news-tit h3{ padding-bottom:5px; margin-top:1em; margin-bottom:5px;font-size:24px; font-family:"微软雅黑";color:#0175cc; text-align:center; font-weight:bold;}
.news-tit p{ text-align:center;color:#666666; padding-bottom:10px; border-bottom:2px solid #e4e3e3; }
.news-con{ margin-top:20px;}
.fenxiang{width:100%; height:20px; line-height:20px;border-bottom:solid 1px #ccc;}
.fenye{width:100%; height:30px; padding:0px 0px 0px 0px;}
.right{float:right;}

.newslists { margin:0 auto;}
.newslists ul { width:100%}
.newslists li {
	background: url(../images/ico.gif) no-repeat 4px center;
	height: 40px;
	line-height: 40px;
	font-size:14px;
	width:100%;
	overflow: hidden;
	border-bottom: #e8e8e8 1px solid;
	
}
.newslists li a {
	color: #666666;
}
.newslists li a:hover {
	color: #b40001;
}
.newslists li span {
	color: #939393;
	float: right;
}


.maincontents {margin:0 auto; margin-top:1em;}
#productslists {overflow: hidden;}
#productslists li { margin-bottom: 15px; padding:0 5px; float: left; text-align: center; }
#productslists a {display: block; overflow: hidden; padding: 10px; background-color: #ebebeb; width: 100%;}
#productslists a:hover { padding: 10px;background-color: #0166b6; color:#ffffff;}
#productslists h3 {font-size: 12px;  font-weight:normal; }
#productslists p {margin: 0; height: 120px; overflow: hidden;}
<!--默认样式结束-->

.icase  .icasetit h2{ color:#162c71; font-size:18px; background:none;}
.icase  .icasetit span{ font-size:12px; font-family:Verdana;}
.icaselist{ margin-top:37px; overflow:hidden; margin-bottom:40px;}
.icaselist li{ width:339px; float:left; margin:0 30px; margin-bottom:40px;border:5px solid #efefef; }
.icaselist li .casethumb{ height:214px; position:relative; overflow:hidden;*zoom:1;}
.icaselist li .casethumb a:hover{ text-decoration:none}

.icaselist li .vlock{ display:none; width:339px; height:214px; position:absolute; top:0; left:0; z-index:100; background:url(../images/lock.png) no-repeat 0 0;}
.icaselist li .vlock p{ color:#fff; font-size:14px; font-family:"微软雅黑"; font-weight:bold;text-align:center; margin-top:140px; height:30px;}

.icaselist li:hover  .vlock{ display:block;}