* {font-family: Arial, Verdana, "微软雅黑";  font-size: 14px;}
html,body,h1,h2,h3,h4,h5,h6,div,form,ul,li,a,em,input,dd,dt,dl,p,figure,textarea,button{margin: 0;  padding: 0;  border: 0;  list-style: none;  text-decoration: none;  font-weight: normal;}
em {font-style: normal;}
dd,dt,dl,em,button {display: block;}
a,img{border:none;display:inline-block;width:100%\9;}
img{max-width: 100%;}
.container{width: 1200px;}
.center {margin: 0 auto;  width: 1100px;}
.clear{}
.clear:after{content: "";visibility: visible;clear: both;height: 0;display: block;}
.red{color:#a20404;}
/*header*/

.header-top{background: #0e49bb;padding:15px 0;}
.header-top span{color:#fff;margin:0 10px;}
.header-top span i{color: #fff;margin-right: 5px;}
.header-top span a{color: #fff;}


.header-pc{width: 100%;padding: 0;border-bottom:4px solid #ef8222}



.header-tel{text-align: right;display: inline-block;float: none;vertical-align:middle;font-size: 0}
.header-tel .list{;width: 50%;text-align: right;font-size: 0;display: inline-block;}
.header-tel .list i{display: block;margin:0 5px;display: inline-block;vertical-align: bottom}
.header-tel .list i img{max-width: 100%;}
.header-tel .list .right{display: inline-block;vertical-align: bottom}
.header-tel .list .right p{font-size: 14px;}
.header-tel .list .right span{color: #fbbe3f;margin:10px 0;font-size: 18px;}
 





/*.header-nav{padding:20px 0;font-size: 0;background: transparent;}
.header-nav .container .row{font-size: 0}
.header-nav .logo{padding: 0;display: inline-block;float: none;vertical-align:middle;width:20%;}
.header-nav .logo img{max-width: 100%;}


.index-header-nav{display:inline-block;position: relative;z-index: 1000;vertical-align: middle;width: 74%;}
.header-nav-main{background: none;border:none;margin:0;min-height: auto;position: relative;}
.header-nav-top{background: #333;text-align: center;}
.nav-kongjian{background: transparent;border:none!important;overflow: hidden;}
.nav-kongjian:focus{background: transparent!important;}

.header-list-li{}
.header-list-li ul{margin: 0;text-align: right}
.header-list-li ul li{display: inline-block;width: auto;float:none;}
.header-list-li ul li a{display:block;padding:14px 20px;font-size:16px;color:#000!important;font-family: "Arial";font-weight: 600;
text-decoration: none;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;border-bottom:2px solid transparent;}
.header-list-li ul li a:hover{color: #2660ad!important;border-color: #2660ad}
.header-list-li ul li.we{float: right;background: #fbbe3f;color: #000}
.header-list-li ul li.we a{color: #000}
.header-list-li ul li.we:hover a{background:#000;color: #fbbe3f}
.a-dropdown{display: none;}
.list-dropdown{display: none;margin-top: 0;border-radius: 0;min-width: 250px;padding:0;border:none;}
.list-dropdown ul,.header-list-li ul li:hover{}
.list-dropdown ul li{width: 100%;}
.list-dropdown ul li.divider{display: none;margin:1px 0;}
.list-dropdown ul li a{display: block;font-weight: normal;font-family: "Arial";font-weight: normal;}
.list-dropdown ul li a:hover{background: #fbbe3f;color: #888;}
.header-list-li ul li:hover .list-dropdown,.header-list-li ul li a:hover + .list-dropdown{display: block;}
.header-list-li ul li.active{position: relative;}
.header-list-li ul li.active a{padding-right: 20px;}
.header-list-li ul li.active:after{content: "";display: block;position: absolute;top:18px;right:2px;color:#fff;width: 10px;height:12px;
background: url(../image/nav-icon.png) no-repeat;}*/
.header-nav{padding-top:20px;font-size: 0;}
.header-nav .container{font-size: 0}
.header-nav .logo{padding: 0;display: inline-block;float: none;vertical-align:bottom;width:20%;}
.header-nav .logo img{max-width: 100%;}
.header-nav .container{font-size: 0}
.header-nav .logo{padding:20px 0;display: inline-block;float: none;vertical-align:bottom;width:20%;}
.header-nav .logo img{max-width: 100%;}
.index-header-nav{width: 73%;position: relative;z-index: 1000;display: inline-block;vertical-align: middle;}
.header-nav-main{background: none;border:none;margin:0;min-height: auto;position: relative;}
.header-nav-top{background: #f5f5f5;text-align: center;}
.nav-kongjian{background: transparent;border:none!important;overflow: hidden;}
.nav-kongjian:focus{background: transparent!important;}

.header-list-li{}
.header-list-li ul{margin: 0;text-align: right;}
.header-list-li ul li{display: inline-block;padding: 20px 0}
.header-list-li ul li a{padding:8px 20px;color:#333;text-decoration: none;font-weight: 600;
	transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;font-size: 14px;}
.header-list-li ul li a:hover{color: #449bee;}
.header-list-li ul li.active a.lis{border-bottom:solid transparent 2px;}
.header-list-li ul li.active:hover a.lis{border-bottom-color: #e3014d;color: #000;}

.a-dropdown{display: none;}
.list-dropdown{display: none;margin-top: 0;border-radius: 0;min-width: 250px;padding:0;border:none;background: #2878d2;left: 50%;margin-left: -125px;}
.list-dropdown ul,.header-list-li ul li:hover{}
.list-dropdown ul li{width: 100%;padding: 5px 0;text-align: center;}
.list-dropdown ul li.divider{display: none;margin:1px 0;}
.list-dropdown ul li a{display: block;font-weight: normal;color: #fff}
.list-dropdown ul li a:hover{color: #002854}
.header-list-li ul li:hover .list-dropdown,.header-list-li ul li a:hover + .list-dropdown{display: block;}
.header-list-li ul li.active{position: relative;}
.header-list-li ul li.active a{padding-right: 20px;}

.index-search{width: 6%;display: inline-block;vertical-align: middle;position: relative;font-size: 0;}
.index-search .btn-div{padding:20px 0;cursor: pointer;text-align: center;z-index: 667;}
.index-search:after{content: "";display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.down-searche{position: absolute;top: 100%;right: 0;width: 260px;padding:15px;background: #fff;z-index: 666;
box-shadow: 0px 0px 5px #ccc;display: none;}
.down-searche p{font-size: 14px;padding:10px 0;color: #888}
.down-searche:after{content: "";display: block;border:10px solid transparent;
position: absolute;top: -20px;right:20px;border-bottom-color: #eee;}
/*index*/
.banner{overflow: hidden;}
.banner-bxslider{}
.banner-bxslider li{}
.banner-bxslider li img{width: 100%;}
.banner-bxslider .bx-pager-item{}
.banner-bxslider .bx-pager-item a.active{background: #82bd41}
.banner .bx-wrapper .bx-next{right:0}
.banner .bx-wrapper .bx-prev{left: 0}
.banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 0px;text-align:center;padding:28px;}
.bx-wrapper .bx-pager .bx-pager-item{vertical-align: top;}
.banner .bx-wrapper .bx-pager .bx-pager-item a, .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{width:15px;height: 15px;background: #fff;border-radius: 15px;font-size: 0;vertical-align: middle;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #2660ad}
.bx-wrapper .bx-controls-direction a{width: 40px;height: 80px;top:50%;margin-top: -40px;}
.bx-wrapper .bx-controls-direction a.bx-next{background:url(../image/right-btn.png) no-repeat 100% 100%;right: 0}
.bx-wrapper .bx-controls-direction a.bx-prev{background:url(../image/left-btn.png) no-repeat 100% 100%;left: 0}
.bx-wrapper .bx-viewport{background: transparent;}



.index-box1{background: #0e49bb;padding:28px 0;}
.index-box1-list ul{font-size: 0;}
.index-box1-list ul li{margin-bottom: 30px;display: inline-block;float: none;vertical-align: top;}
.index-box1-list ul li a{display: block;position: relative;}
.index-box1-list ul li a:after{content: "";display: block;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0);
transition:all .3s;-webkit-transition:all .3s;top: 0;left: 0;}
.index-box1-list ul li a:hover:after{border-color: #ccc;background: rgba(0,0,0,.3);}
.index-box1-list ul li a img{width: 100%;}
.index-box2-figure{margin:20px 0}

.index-header{padding:20px 0;text-align: center;}
.index-header h2{font-size: 28px;color: #000;}
.index-header .border-h{display: inline-block;width: 100px;height: 2px;background: #0e49bb;}
.index-header small{margin:15px 0;color: #111;display: block;font-size: 16px;}

.index-box3{background: #ededed;padding:50px 0;}
.index-box3-content{text-align: center;line-height: 25px;}

.page-banenr{}
.page-banenr img{width: 100%;}

.blur-border{display: inline-block;width: 40px;height: 4px;background: #0e49bb;margin:10px 0;}
/*about*/
.about-box{}
.about-box h3{line-height: 30px;padding:50px 0;}
.about-box1-figure{}
.about-box1-figure img{width: 100%;}

.main{padding-bottom: 50px;overflow: hidden;}
/*about1*/
.about1-box{margin-top: 40px;}
.about1-box p{line-height: 30px;font-size: 16px;}
.about1-left{}
.about1-left ul{}
.about1-left ul li{}
.about1-left ul li a{color: #000;text-decoration: none;font-size: 18px;}
.about1-left ul li a:hover{color: #0e49bb;}
.about1-r-r{}
.about1-r-r-ul{}
.about1-r-r-ul li{color: #000}
.about1-r-r-ul li i{color: #114bbc;margin:0 20px;}

.blur{color: #114bbc}
/*factory*/
.factory-abt{margin:20px 0;overflow: hidden;}
.factory-abt li{margin:20px 0;}
.factory-abt li a{color: #000;}
.factory-abt li a:hover{color: #0e49bb;}
/*contact*/
.contact-box{margin-top: 50px;}
.contact-left {}
.contact-left p,.contact-left span,.contact-left i{color:#999;line-height: 30px;}
.input-samll{font-weight: 600;margin-bottom: 10px;display: block;}
.input-samll b{display: inline-block;}
.contact-right button{background: #0e49bb;color: #fff;transition:all .3s;width:100px;height:39px;}
.contact-right button:hover{background: #2c74ff;color: #fff;box-shadow: 0 0 4px #fbbe3f;}
/*kiosks*/
.kiosks-left-list{}
.kiosks-left-list li{display: block;}
.kiosks-left-list li a{border:1px solid #ccc;padding:10px 5px;color: #0e49bb;display: block;}
.kiosks-box{padding-top: 40px;}

.kiosks-right{}
.kiosks-right ul{font-size: 0}
.kiosks-right ul li{margin-bottom: 30px;display: inline-block;float: none;vertical-align: top;}
.kiosks-right ul li a{display: block;color: #000;text-decoration: none;}
.kiosks-right ul li figure{display: block;width: 100%;}
.kiosks-right ul li figure img{width: 100%;}
.kiosks-right ul li h3{font-weight: 600;margin:15px 0;}
.kiosks-right ul li p{line-height: 26px;}
.kiosks-right ul li b{background: #0e49bb;color: #fff;margin-top: 20px;display: inline-block;}
.kiosks-right ul li b:hover{color: #fff}
.kiosks-right ul li a:hover h3{color: #0e49bb;}
.kiosks-right ul li a:hover p{color: #666;}

.nav-page{text-align: center;}
/*news*/
.news-box{margin-top: 40px;}
.news-box ul{font-size: 0}
.news-box ul li{margin-bottom: 30px;display: inline-block;float: none;vertical-align: top;}
.news-box ul li a{border:1px solid  #ccc;text-decoration: none;}
.news-box ul li a figure{}
.news-box ul li a figure img{width: 100%;}
.news-box ul li a h3{color: #0e49bb;font-size: 20px;padding:10px;margin-top: 10px;}
.news-box ul li a time{color: #666;margin-bottom:20px;padding:0 10px;display: block;}
.news-box ul li a b{display: block;border-top:1px solid #ccc;padding:10px 5px;color: #0e49bb}
.news-box ul li a:hover{border-color: #0e49bb}

/*news-detailed*/
.hei-border{width: 100%;height: 3px;background: #111}
.news-detailed-box{}
.news-header{padding:40px 0;}
.news-header h1{margin-bottom: 20px;}
.posts{padding-top:40px;padding-bottom: 20px;border-bottom:2px solid #666;}
.posts ul{font-size: 0;}
.posts ul li{display: inline-block;vertical-align: top;float: none;}
.posts ul li a{display: block;border:1px solid #ccc;}
.posts ul li a figure{}
.posts ul li a figure img{width: 100%;}
.posts ul li a h3{color: #0e49bb;padding:10px;margin:10px 0;font-size: 16px}
/*touch*/
.touch-box{margin-top: 30px;}
.touch-box ul{}
.touch-box ul li{margin:30px 0;}
.touch-box ul li a{display: block;text-decoration: none;color: #333}
.touch-box ul li a figure{display: block}
.touch-box ul li a figure img{height: 80px;}
.touch-box ul li a h5{font-size: 20px;margin: 15px 0}
.touch-box ul li a span{margin-bottom: 15px;font-weight: 600;display: block;}
.touch-box ul li a p{line-height: 30px;}
.touch-box ul li a b,.btn-blur{color: #fff;background: #0e49bb;text-align: center;text-align: center;margin-top: 20px;width: 100%;}
.touch-box ul li a b:hover,.btn-blur:hover{color: #fff;background: #112f69;margin}
.btn-blur{width: auto;}
.touch-box ul li a:hover p{color: #666}
.touch-box ul li a:hover h5{color: #0e49bb}
.touch-box ul li a:hover span{color:red;}

.touch-bottom{padding:30px 0;margin-top: 30px;background: #ededed}
.touch-bottom-header{text-align: center;}
.touch-bottom .list{font-size: 0;}
.touch-bottom .list li{display: inline-block;float: none;vertical-align: top;margin:10px 0;}
.touch-bottom .list li a{display: block;position: relative;overflow: hidden;}
.touch-bottom .list li a figure{display: block;}
.touch-bottom .list li a figure img{width: 100%;}
.touch-bottom .list li a .box{position: absolute;width: 100%;height: 100%;background: rgba(14,73,187,.4);text-align: center;
top: -100%;left: 0;transition:all .3s;-webkit--transition:all .3s;}
.touch-bottom .list li a .box:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;}
.touch-bottom .list li a .box i{display: inline-block;float: none;vertical-align: middle;}
.touch-bottom .list li a:hover .box{top:0;}
/*footer*/

.footer{background: #0e49bb;color: #fff;padding:30px 0 10px;}

.footer-bottom{text-align: center;color: #fff;font-size: 14px;margin-top: 50px;margin-bottom: 20px;}
.footer-left{padding:0;}
.footer-left ul{}
.footer-left ul li{color: #fff;font-size: 16px;margin:5px 0;}
.footer-left ul li a{color: #fff;font-size: 16px;margin:5px 0;}
.footer ul li.first{font-weight: 600;padding-bottom: 20px;}
.footer-left ul li a{color: inherit;}
.footer-right li{margin:5px 0;display: block;width: 100%;overflow: hidden;}
.footer-right li i{margin-right: 10px;display: inline-block;vertical-align: top;max-width: 12%}
.footer-right li a{color: #fff;}
.footer-right li span{display: inline-block;vertical-align: top;max-width: 80%;}
.footer-right li .list{margin:5px;display: inline-block;margin-top: 10px;}
.footer-right ul li a{color: inherit;}


@media only screen and (max-width: 768px){
.header-tel .list{width: 100%;text-align: left;margin:20px 0;}	
.header-tel .list.tel p{text-align: left!important}
.header-list-li ul li.we{float: none;margin:0 auto;text-align: center}
.navbar-default .navbar-brand{color: #000}

.header-box1 .a{text-align: center;width:100%;}
.header-box1 .text{text-align: center;width: 100%;border:none;margin-top: 20px;}
.index-banner-img{width: 180%;position: relative;margin-left: -40%;}

.index-about-box{display: block;}
.banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{padding:5px;}
.index-box2 ul{display: block;}
.header-nav{padding:0;}
.header-nav .logo{width: 100%;text-align: center;padding: 10px 0;border-bottom:1px solid #ccc;}
.index-header-nav{width: 100%;}
.bx-wrapper .bx-controls-direction a{display: none;}
.service{padding:0 15px;}

.contact-text{padding-left: 15px;}


.footer-friendship a{margin-right: 5px;}
.footer-nav li{margin-right: 3px}

.footer ul{border:none;margin-bottom: 40px;}
.footer ul{font-size: 0;}
.footer ul li.first{width: 100%;position: relative;}
.footer ul li.first:after{content: "";display: block;width: 40px;height: 2px;background: #fff;position: absolute;
bottom: 10px;left: 0;}
.footer-left ul li{width: 50%;display: inline-block;}
.footer-bottom{margin:5px;}

.contact-right{margin-top: 50px;}


.bx-wrapper .bx-prev{left: 0!important}
.bx-wrapper .bx-next{right: 0!important}

.index-search{width: 100%;}
.down-searche{display: block;position: relative;top: 0;left: 0;width: 80%;margin-left: 10%;box-shadow: none;}
.down-searche p{display: none;}
.index-search .btn-div{display: none;}

.list-dropdown ul li.divider{display: block;}
.header-list-li{background: #343434}
.header-list-li ul{text-align: left;}
.header-list-li ul li{display: block;}
.header-list-li ul li a{color: #fff!important}
.header-list-li ul li{}
.header-list-li ul li.active{}
.header-list-li ul li.active .a-dropdown{display: inline-block;float: right;}
.header-list-li ul li.active:after{display: none;}
.header-list-li ul li .list-dropdown{display: none;}
.header-list-li ul li:hover .list-dropdown,.header-list-li ul li a:hover+.list-dropdown{display: none;}
.header-list-li ul li.open .list-dropdown{display: block!important;}
.header-list-li ul li.open .a-dropdown{background: #666}
.header-list-li ul li.open a{background-color:transparent;}

.index-box1{padding: 15px 0;}
.index-box1-list ul li{padding:5px;margin:0;}
.index-box6-list li{padding:5px;margin-top: 5px;}

.header-list-li ul li{padding:5px 0}
} 
@media only screen and (max-width: 1200px){
.container{width: 100%;}

}