/* CSS Document */

*{ margin:0 auto; padding:0}
body {width:100%; background-color:#f9f9f9; font-size:13px; line-height:24px; color:#666;}
a,a:hover { text-decoration:none;}
ul { margin:0px; padding:0px;}
ul li { list-style:none;}
img { border:0px;}
.container { width:1030px;}
.top {width:100%; border-bottom:5px solid #0b4d90;}
.top_l {wdith:32%; float:left;}
.logo {float:left; margin:12px 0;}
.top_r1 { width:67%; float:right; padding:2px 0; line-height:24px;}
.telandwx { width:300px; float:right;}
.tel {width:65%; float:left; color:#F00;}
.wx {width:30%; float:right;}
.wx a { color:#555;}
.top_r2 { width:67%; float:right; margin-top:20px;}
.menu {width:100%; float:right;}
.menu ul { margin-right:0; margin-left:5.5%;}
.menu ul li { padding-left:6.5%; padding-right:0px; float:left; text-align:right; font-size:15px; font-weight:bold;text-shadow: 1px 1px 1px #bbb;}
.menu ul li a { color:#000;}
.topnav{ display:none;}
.oh{overflow:hidden;}

.home1 { width:1000px; padding-bottom:15px; background:url(../images/line.png) bottom repeat-x; overflow:hidden;}
.home1_l {width:73%; padding:8px; float:left; margin-top:15px; overflow:hidden;}
.home1_r {width:26.4%; padding:8px 5px 10px 14px; margin-right:2px; float:right; margin-top:15px; background:#fff; overflow:hidden; border:1px solid #eee;}
.home_menuname {width:100%; height:30px; line-height:10px; float:left; font-size:16px; font-weight:bold; color:#1c3278; border-bottom:1px solid #E5E5E5}
.home_menuname a { color:#1c3278;}
.home_menuname a:Hover { color:#666;}
.home_text {width:99%; float:left; margin-top:8px; }
.home_text a{color:#666}
.home_text a:hover{color:#999}
.home_text p {
    font-size:13px;
    line-height:24px;
    }

.links {
    margin-left:930px;
    margin-top:-28px;
    }
.links a {
        color:#0091fe;
        font-size:10px;
       
       }

.links a:hover {
       color:#4badf7;
        }
 
   
.home2 { width:100%; margin-top:15px; padding:5px; overflow:hidden;}
.home_p { width:103%; margin-top:10px; margin-left:-1.5%; margin-right:-1.5%;}

.home_p_1 { width:102%; margin-top:20px; margin-left:-1%;}

.home_case li{margin-bottom:30px; padding: 0 18px;  text-align: center;}
.home_case li img{ max-width: 100%;}

.swiper1{
    padding-bottom: 24px;
}
.swiper1.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    /*padding-left: 16px;*/
}

.hp {
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 20px;
    padding: 0px;
}

.hpimg {width:88%; float:none; text-align:center; }
.hpimg img {width:100% }
.hpimg a {
    font-size:12px;
    /*margin-left:16px;*/
    color:#ccc;
}
.homelink
{ width:18%; padding:1%; line-height:30px; float:left; text-align:left;}

.homeimg img
{ width:100%; max-width:130px 
}

.homeimg a,.homelink a
    { color:#666;
     }
.hptext {width:100%; text-align:center; margin-top:10px; line-height:20px; font-size:13px;}
.hp a{color:#666;}
.hp a:hover {color:#999}

.foot {width:100%; background:url(../images/001.png) repeat-x; margin-top:20px;}
.copyright {width:100%; padding:10px; text-align:center; line-height:20px; font-size:12px; line-height:25px;color:#f9f9f9;height:100px;}


/*内页*/
.banner1 {width:100%; box-shadow:0 2px 5px 0px #999;}
.banner1 img, .banner img {width:100%;}
.main {width:100%; margin-top:5px; overflow:hidden;}
.left1{width:22%; margin-top:15px; float:left;}
.left1title {width:100%; float:left; padding-left:4px;}
.left1menu { width:100%; float:left; margin-top:5px;}
.left1menu ul {}
.left1menu ul li {width:99%; float:left; padding-left:6px; background:url(../images/line.png) bottom repeat-x; line-height:38px; font-size:14px;} 
.left1menu ul li a { color:#666;}
.left1menu ul li a.active { color:#052f84;}
.left1menu > a{display: block;width: 100%;max-width:220px;}
.left1menu > a img{width: 100%!important;}

.rigth1 {width:76.5%; margin-top:15px; float:right;}
.wz {width:100%; float:left; padding-left:5px; height:35px; line-height:35px; border-bottom:1px solid #ccc;}
.wz a { color:#666;}
.wz a:hover { color:#b50703;}
.rightmain {width:99.5%; padding-left:8px; float:left; margin-top:15px;}
.rigthtitle {width:100%; float:left; line-height:35px; font-size:18px; font-weight:bold; color:#000;}
.righttext {width:100%; float:left; margin-top:5px; padding-bottom:10px;font-size:12px;}

.righttext p {
    font-size:13px;
    line-height:24px;
    }

.news {width:100%; padding:6px 2px; border-bottom:1px dotted #d1d1d1; line-height:20px;}
.news a { color:#666}
.news a:hover { color:#999;}
.try {width:80%; margin-top:10px;}
.try_line {width:90%; margin-top:10px; float:left; font-size:14px; line-height:20px; overflow:hidden; padding:5px 10px; background:url(../images/red.png) right no-repeat; overflow:hidden;}
.borderbottom { border-bottom:1px solid #ccc; }

.input {width:70%; height:20px; line-height:20px; background:#f9f9f9; border:0px;}
.select {width:50%; height:25px; background:#fff; border:1px solid #ddd; border-radius:5px; line-height:25px;}
.option { line-height:35px;}
.submit { width:150px; height:35px; background:#0091fe; border-radius:5px; color:#fff; border:0px}
.try_submit {width:90%; font-size:14px; line-height:20px; overflow:hidden; padding:20px; text-align:center;}

.smhhrlist
{ width:100%; height:auto; padding:15px 0;}
.smlist
{ width:30%; height:100%; float:left;margin:0 1.5%;
} .smlist img
    {
     width:100%;}
.smlisttext
{ width:100%; text-align:center;
}

.hhrlistline { width:100%; overflow:hidden;}
.bottom2
{
 border-bottom:2px dashed #ccc;}
.hhrlist { width:30%; float:left; margin:1.5%; padding:1.5% 0; text-align:center; }
.hhrlisttext a { width:auto; padding:3px; color:#333; font-size:16px; font-weight:bold; line-height:40px; border-bottom:2px solid #3398cc;}
.hhrlist span { width:100%; line-height:18px;}
.hhrlistimg,.hhrlistimg img{ width:100%;}

.hhrinfoleft
{ width:30%; float:left; }
.hhrlistinfo { width:100%; float:left; text-align:center; }
.hhrinfoleft1
{ width:100%; float:left;
}
.hhrinfolefttitle
{
    width:234px; float:left; background:url(../images/icon1.png) left no-repeat; padding-left:10px; line-height:29px; color:#fff; font-size:15px;
}
.hhrinfoleftext
{
    width:100%; float:left; padding-left:10px;
}
.margintb10
{
    margin:10px 0;
}
.hhrinforight
{ width:66%; float:right; margin-right:0;}

.hhrinforighttitle
{
    width:100%; height:40px; padding-bottom:5px; margin-bottom:5px; float:left;font-size:15px; color:#333; line-height:29px; border-bottom:1px solid #000
}
    .hhrinforighttitle img
    { width:auto; max-width:29px;
    }
.hhrinforighttable
{
    width:100%; border:0px;
}
    .hhrinforighttable span
    {   color:#3398cc;
    }
/*首页banner样式*/
.example-animation {
            color: #333;
			font-family:"Adobe 黑体 Std R";
            font-size: 50px;
			line-height:60px;
        }
/*首页banner结束*/

/*timeline*/
.timeLine .dotted-line{
    border-color: #ccc;
    bottom: 27px;
}
.timeLine .year-dot{
    background-color: #666;
}
.timeLine .yearList li{
    font-size: 18px;
}
.timeLine .year-active {
    color: #e00505;
}
.timeLine .year-active i {
    background-color: #e00505;
}
.timeLine .cUl-box {
    width: -webkit-calc(100% - 74px);
    width: -moz-calc(100% - 74px);
    width: calc(100% - 74px);
}
.timeLine .btnLeft, .timeLine .btnRight {
    top: 158px;
    width: 17px;
    height: 32px;
    background: transparent no-repeat center;
    background-size: 100%;
}
.timeLine .btnLeft{
    background-image: url(/Content/images/btn-prev.png);
}
.timeLine .btnRight {
    background-image: url(/Content/images/btn-next.png);
}
.peo-list .item {
    margin-top: 15px;
    background-color: #fff;
    padding: 20px;
    display: flex;
    width: 100%;
}
.peo-list .thumb{
    width: 160px;
    height: 232px;
    overflow: hidden;
}
.peo-list .thumb img{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    min-width: 100%;
}
.peo-list .info{
    flex: 1;
    margin-left: 20px;
}
.peo-list .title {
    color: #e00505;
    font-size: 14px;
    line-height: 2.7;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}
.peo-list .title:before{
    position: absolute;
    content: '';
    width: 31px;
    height: 2px;
    left: 0;
    bottom: -1px;
    background-color: #e00505;
}
.peo-list .brief{
    line-height: 1.7;
    height: 3.4em;
    overflow: hidden;
    margin-top: 15px;
}
.cus-grid{
    padding-top: 10px;
    overflow: hidden;
}
.cus-grid .pic{
    float: left;
    width: 130px;
    height: 66px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    margin-top: 10px;
    margin-right: 10px;
}
.cus-grid .pic img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
@media(min-width:1030px) {
    .container{width:1030px;}}

@media(max-width:1029px){
	.container { width:100%; padding:10px;}
	.banner {width:100%;}
	.banner1 {width:100%; box-shadow:none; border:1px solid #ddd;}
	.home1 {width:100%;}
	/*首页banner样式*/
	.example-animation {
            font-size: 40px !important;
        }
/*首页banner结束*/

	}

@media(max-width:991px){
	.container {width:100%; padding:10px;}
	.top_r {width:100%; height:90px; margin-top:-55px; padding-top:10px; float:left; background:none; z-index:9;}
	.menu ul { display:none;}
	ul[role=navigation]{ display:none; width:120px; position:absolute; right:1px; margin:0; margin-top:3px; padding:0; float:right; background:#eee; border:1px solid #ddd; z-index:999;}
    ul[role=navigation] li {
    float: left;
    display: block;
	margin-left:0px;
	margin-top:2px;
    width: 100%;
	line-height:28px;
	text-align:left;
	padding:0;
	border-bottom:1px solid #ddd;
}

  ul[role=navigation] li a {
    padding: 2px 20px;
    font-size: 12px;
    position: relative;
  }

  ul[role=navigation] li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
       }

  .topnav{width:100%; margin: 0 0 5px 0; display:block;}
  .moblienav{ width:100%; display:block; padding-top:5px; padding-bottom:5px;}
  .navbar-toggle{ display:block!important; border:1px solid #CCCCCC; border-radius: 5px; width:50px; height:40px; background-color:#FFFFFF; float:right; margin-right:5px;}
  .navbar-toggle:hover{ border:1px solid #CCCCCC; border-radius: 5px; width:50px; height:40px; background-color:#e2e2e2; float:right;}
  .navbar-toggle .icon-bar {
  background-color:#CCCCCC;
  margin-top:1px;
    border-radius: 1px;
    display: block;
    height: 2px;
	margin:5px;
    width: 22px;
}

.hhrinfoleft
{ width:100%; float:left; }  
.hhrinforight
{ width:100%; float:left; margin-right:0;}
	.home_p { width:102%; margin-top:10px; margin-left:-1%; margin-right:-1%;}

    
.homelink
{ width:46%; padding:1% 2%; line-height:30px;
}
	
	/*首页banner样式*/
	.example-animation {
            font-size: 30px !important; z-index:-1;
        }
/*首页banner结束*/
	.home_case li{ padding: 0 15px;margin-bottom: 15px;}
	}
	
@media(max-width:767px){
	.home1_l {width:100%;}
	.home1_r {width:100%;}
	
	.home_p { width:100%; margin-top:10px; margin-left:-1%; margin-rigth:-1%; overflow:hidden}
	
	/*.home_case li{ padding-left: 0;padding-right:0;}*/
    .home_case li img{ width: auto; max-width: 100%;}
	
	.hp {width:45%!important; float:left;text-align:center; margin-left:2.5%; margin-right:2.5%; margin-top:20px; line-height:20px;  overflow:hidden;}
	.hpimg {width:100%; float:none; text-align:center; }

	.righttext {width:100%; float:left; margin-top:5px; padding-bottom:10px;font-size:12px;}
    .righttext img { width:100%;}
	
	
	
	
	.left1{width:100%; margin-top:15px; float:left;}
	.rigth1 {width:100%; margin-top:15px; float:right;}
	.wz { display:none;}
	.rightmain { width:100%; margin-top:5px;}
	


    .try {width:100%; margin-top:0px;}
	.try_line {width:96%; margin-top:10px; float:left; font-size:14px; line-height:25px; overflow:hidden; padding:2%; background:url(../images/red.png) right no-repeat; overflow:hidden;}
	.input {width:75%; height:20px; line-height:20px; background:#f9f9f9; border:0px;}
	.select {width:95%; height:25px; background:#fff; border:1px solid #ddd; border-radius:5px; line-height:25px;}
	.option { line-height:35px;}
	.submit { width:100%; height:35px; background:#0091fe; border-radius:5px; color:#fff;  border:0}
	.try_submit {width:98%; float:left; font-size:14px; line-height:20px; padding:20px 0 0 0 ; overflow:hidden; text-align:center;}
   .homelink{ width:100%; padding:0%; line-height:30px;}

	
	/*首页banner样式*/
	.example-animation {
            font-size: 18px !important; z-index:-1;
        }
/*首页banner结束*/

	.banner .example-animation .primary-img img, .banner img{
		width: 768px!important;
		margin-left: -384px!important;
		left: 50%!important;
		position: relative;
	}
	.example-animation .devrama-slider, .example-animation .devrama-slider .projector, .example-animation .devrama-slider .primary-img, .example-animation .devrama-slider {
		height: 169px!important;
	}
	.banner, .banner .primary-img{
		overflow: hidden;
	}

    .peo-list .item{
        display: block;
    }
    .peo-list .info{
        margin-left: 0;
    }
}


/*悬浮窗*/
.zck_box {
    width: 50px;
    position: fixed;
    right: 10px;
    top: 200px;
    z-index: 9999;
}
.zck_box li {
    width: 50px;
    border-radius: 5px;
    margin: 5px 0;
    color: #FFF;
    text-align: center;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    background-color: #00c2f7;
}
.zxbox {
    background: #00c2f7;
    font-size: 16px;
    line-height: 20px !important;
    padding-top: 5px;
    height: 45px;
    padding-bottom: 45px;
    display: block;
    border-radius: 5px;
    color: #fff !important;
    text-decoration: none!important;
}
.qqbox {
    background: url(/Content/images/zxbox_qq.png) center;
    height: 50px;
}
.qqbox:hover {
    background-position: 100px 0px;
}
.qqbox:hover .qq_box {
    display: block;
    right: 100px;
    border-radius: 5px 5px 5px 5px
}
.qq_box {
    background: #00c2f7;
    width: 150px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    display: none;
    position: relative;
    font-size: 18px;
}
.phonebox {
    background: url(/Content/images/zxbox_tel.png) center;
    height: 50px;
    cursor: pointer;
}
.phonebox:hover {
    background-position: 100px 0px;
}
.phone_box {
    background: #00c2f7;
    width: 150px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    display: none;
    position: relative;
    font-size: 18px;
}
.phonebox:hover .phone_box {
    display: block;
    width: 150px;
    right: 100px;
    border-radius: 5px;
}