html,body { font-family: PingFang SC,Verdana,Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;margin:0px; padding:0px;}

h1,h2,h3,h4,h5,h6,p { font-family: PingFang SC,Verdana,Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif; margin:0px; padding:0px; }

ul,ul li { margin:0px; padding:0px; list-style: none; }

a,a:hover,a:visited,a:active,a:focus { outline: none; text-decoration:none; }

img { border:none; }

input:focus,button,textarea { outline: none!important; }

* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



html { background: #f5f5f5; }

body { max-width:1920px; margin:0px auto; background: #fff; overflow-x: hidden; }



.open { display: block!important; }



.head { display:none; background: #1184DA; height:70px; position: relative; }

.head .logo { display: block; text-align: center; }

.head .logo img { height:70px; }

.head .leftbar { position: absolute; color:#fff; height:70px; line-height: 70px;padding-left:15px; text-align: center; font-size: 30px; }



.mobilemenu { display: none; background: #000; width:100%; position: fixed; top:0px; left:0px; right:0px; bottom:0px; z-index: 2000; text-align: center; }

.mobilemenu ul {  }

.mobilemenu ul li { font-size: 30px; margin-top:50px; overflow:hidden; }

.mobilemenu ul li a { color:#fff; }

.mobilemenu .leftclose { height:70px; line-height: 70px; padding-left:20px; text-align: left; font-size:30px; color:#fff; }





.top { height:40px; line-height:40px; display:block; overflow:hidden; }

.top ul li { float:right; margin-left:15px; }

.top ul li a { color:#666; font-size:14px; }

.header {}

.header .text { font-size: 14px; line-height: 20px; margin-top:35px; }

.header .tel { font-size: 14px; font-weight: bold; margin-top:35px; background: url(../img/tel.png) left center no-repeat; padding-left:50px; color:#1184da; }



.menu { background: #c1bfbf; height:60px; }

.menu ul > li { width: 25%; float:left; }

.menu ul > li > a { display: block; height:60px; line-height: 60px; font-size: 22px; font-weight: bold; color:#333; text-align: center; }

.menu ul > li > a:hover { background: #2A95E5; color:#fff; }
.menu ul > li.current-menu-item a { background: #2A95E5; color:#fff!important; }
.navi li.current-menu-item a { color:#fff!important; font-weight: bold; }


.index_title { text-align: center; }

.index_title h3 { font-size: 30px; color:#303030; font-weight: bold; }

.index_title h3 b { color:#0168b7 }

.index_title hr { background-color:#0168b7; height:3px; border:none; width:50px; }

.index_title p { font-size: 14px; color:#999999; line-height: 30px; }



.index_xuanze { margin:50px 0px; }

.index_xuanze .item { background: #303030; padding:30px; margin-top:150px; }

.index_xuanze .item .pic { margin-top:-130px; }

.index_xuanze .item .info { margin-top:-130px; }

.index_xuanze .item .info .title { height:110px; }

.index_xuanze .item .info .title h3 { font-size: 26px; height:36px; line-height: 36px; }

.index_xuanze .item .info .title p { line-height: 26px; color:#666; font-size: 14px; }

.index_xuanze .item .info .content { padding-top:30px; color:#fff; }

.index_xuanze .item .info .content h3 { font-size: 26px; line-height: 36px; height:50px; }

.index_xuanze .item .info .content p { line-height: 26px; font-size: 14px; }



.index_chanpin { margin:50px 0px; }

.index_chanpin .list { overflow: hidden; margin-top:30px; }



.index_chanpin .list ul li { float:left; width:25%; padding:5px; }

.index_chanpin .list ul li .item { border:solid 1px #ededed; padding:5px; }

.index_chanpin .list ul li .item .title { background: #0168b7; color:#fff; display: block; font-size: 14px; padding:5px; }



.index_about { background: url(../img/about.png) center top no-repeat; padding:50px 0px 150px 0px; }

.index_about .index_title h3 { color:#fff; }

.index_about .index_title hr { background-color: #fff; }

.index_about .info { color:#fff; line-height: 30px; }



.index_youshi { margin-top:-100px; background: #fff; box-shadow:2px 2px 18px #000000; }

.index_youshi .item  { overflow: hidden; }

.index_youshi .item .pic { width: 70%; }

.index_youshi .item .info { width: 30%; padding-left:20px; }

.index_youshi h3 { font-size: 20px; margin-top:30px; }

.index_youshi h3 b { color:#016ec9; font-weight: bold; font-size: 36px; }

.index_youshi p { margin-top:20px; }

.index_news { margin:50px 0px; }

.index_news .list { margin-top:30px; }

.index_news .list .item { padding:20px; position: relative; }

.index_news .list .item a { background: rgba(255,255,255,0.7); display: block; padding:15px; margin-top:200px; }

.index_news .list .item a { font-size: 20px; color:#000; }

.index_news .list .item a .title { height:80px; line-height: 40px; }

.index_news .list .item a .des { font-size: 14px; }

.index_news .list .item a:hover { background: #fff; }



.index_link { height:150px; overflow: hidden; position: relative; }

.index_link ul { width: 1500px; position: absolute; }

.index_link ul li { float:left; height:150px; width:300px; line-height: 150px; }

.index_link ul li img { vertical-align: middle; }



.footer { background: url(../img/foot.jpg) center center no-repeat; padding:50px 0px; }

.footer h3 { font-size: 18px; color:#fff; height:30px; }

.footer p { line-height: 26px; font-size: 14px; color:#fff; }

.footer hr { background-color:#69B5ED; }

.footer .copyright { text-align: center; color:#fff; font-size: 14px; }



.about { padding:60px 0px; }

.about .info {}

.about .info h1 { font-size: 40px; font-weight: bold; text-align: center; margin-bottom:50px; }

.about .info p { line-height: 40px; font-size: 18px; text-indent: 36px; }

.about_team { background: #F7F7F7; color:#0168B7; padding:50px 0px; z-index: 200; position: relative; }

.about_team .num { font-size: 72px; }

.about_team .title { font-size: 24px; }

.about_bg { background: #0168B7; min-height: 500px; display: block; margin-top:-100px; padding-top:100px; }

.about_bg .info { padding:20px 0px; color:#fff; font-size: 26px; line-height: 40px; }

.about_bg .info p { margin-top:30px; }



.licheng,.honor,.jbo { margin:60px 0px; }

.licheng h3,.honor h3,.jbo h3 { text-align: center; font-size: 40px; }

.licheng .info { margin-top:50px; }

.licheng .info .hd { float:left; width:10%; }

.licheng .info .hd ul { position: relative; background: url(../img/lichengline.jpg) center top repeat-y; padding:30px 0px; min-height:350px; }

.licheng .info .hd ul li { font-size: 18px; display: block; text-align: center; background: #fff; margin-top:30px; position: relative; z-index: 200 }

.licheng .info .bd ul li .item { background: #f5f5f5; height:350px; padding:50px; font-size: 30px; }



.honor .info { margin-top:50px; }

.jbo { padding-bottom:50px; }

.jbo .info { margin-top:30px; }

.jbo .info h4 { font-size: 30px; }

.jbo .info h5 { font-size: 24px; margin-top:30px; }

.jbo .info p { margin-top:30px; line-height: 30px; }



.navi { background: #0168b7; height:60px; line-height: 60px; overflow: hidden; }

.navi ul li { float:left; overflow: hidden; margin-right:20px; }

.navi ul li a { color:#fff; font-size: 18px; letter-spacing: 1px; }



.news_list { padding-bottom:50px; }

.news_list .item { margin-top:40px; position: relative; overflow:hidden; }

.news_list .item .pic { float:left; width:210px; margin-right:20px; }

.news_list .item .info { margin-right:150px; border-right:solid 1px #eee; padding-right:20px; }

.news_list .item .info h3 { color:#3e3e3e; font-size:18px; }

.news_list .item .info h3 a { color:#3e3e3e; }

.news_list .item .info p { font-size: 12px; margin-top:20px; line-height: 26px; color:#535353; }

.news_list .item .info .time { color:#cfcfcf; font-size: 12px; margin-top:10px; }

.news_list .item .more { position: absolute; top:50px; width:150px; right:0px; text-align: center; }

.news_list .item .more a { color:#8a8b8b; font-size: 12px; padding:8px 15px; border-radius: 5px; }

.news_list .item .more a:hover { background: #0168b7; color:#fff; }



.news_content { overflow:hidden; margin-top:50px; }

.news_content h1 { color:#414141; font-size: 24px; text-align: center; }

.news_content .small { font-size: 12px; color:#cfcfcf; text-align: center; line-height: 30px; margin-top:20px; }

.news_content .content { overflow: hidden; padding-bottom:50px; border-bottom:solid 1px #ddd; }

.news_content .content p { font-size: 14px; color:#8f8f8f; margin-top:15px; line-height: 26px; }

.news_content .next { padding:10px 0px; height:70px; line-height: 48px; font-size: 14px; color:#494949; }

.news_content .next a { color:#494949; }



.xiaoshou { display: block; background: url(../img/bg.jpg) center -100px no-repeat; padding:100px 0px; }

.xiaoshou .info { padding:750px 100px 0px 100px; }

.xiaoshou .info p { line-height: 36px; color:#fff; font-size: 18px; text-indent: 36px; }



.beijian { padding:60px 0px; }

.beijian .title { overflow: hidden; }

.beijian .title > h4 { font-size: 60px; color:#cbc9c9; }

.beijian .title > h3 { font-size: 30px; margin-top:-45px; }

.beijian .list { margin-top:35px; }

.beijian .list .item { background: #f0f0f0; padding:35px; }

.beijian .list .item .pic { border-radius: 50%; height:280px; width:280px; margin:0px auto; }

.beijian .list .item .pic img { border-radius: 50%; height:280px; width:280px; }

.beijian .list .item .title { margin-top:30px; font-weight: bold; }



.product { padding-bottom:50px;  }

.product .leftmenu { overflow: hidden; }

.product .leftmenu h3 { background: #0168B7; height:40px; line-height: 40px; text-indent: 20px; font-size: 18px; color:#fff; }

.product .leftmenu ul { border-left:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0; }

.product .leftmenu ul li { height:40px; line-height: 40px; padding:0px 18px; border-bottom:solid 1px #f0f0f0; }

.product .leftmenu ul li a { font-size: 16px; color:#333; }





.product .list { overflow: hidden; margin-top:5px; }



.product .list ul li { float:left; width:33.33%; padding:5px; }

.product .list ul li .item { border:solid 1px #ededed; padding:5px; }

.product .list ul li .item .title { background: #0168b7; color:#fff; display: block; font-size: 14px; padding:5px; }



@media (max-width: 768px){

    .top { display: none; }

    .header { display: none; }

    .footer { background-size: cover; }

    .head { display: block; }

    .menu { display: none; }

	.news_list .item { overflow: hidden; }

	.news_list .item .info { margin-right:0px; }

	.news_list .item .pic { margin-right:0px; width: 100%; }

	.news_list .item .info { float:left; width: 100%; margin-top:20px; padding-right:0px; }

	.news_list { overflow: hidden; }

	.index_chanpin .list ul li { float:left; width:50%; padding:5px; }

	.index_xuanze .item { margin:150px -15px 0px -15px; }

	.index_xuanze .item .info { margin-top:-180px; }

	.index_xuanze .item .info .content { padding-top:60px; }

	.index_about { background-size: cover; }

	.index_youshi { margin:-100px -15px 0px -15px; }

	.index_youshi .item .pic { width: 100%; }

    .index_youshi .item .info { width: 100%; padding-left:20px; padding-bottom:20px; }

	.product .list ul li { float:left; width:50%; padding:5px; }

	.product .leftmenu ul { display: none; }

}





