@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,
textarea,p,blockquote,th,td,hr,button,span,a{
	margin:0;
	padding:0;
	list-style: none;
}

img{max-width: 100%;}
html{height:100%;}	
html,body{overflow-x:hidden;overflow: ?inherit;font-family:"mos",arial,helvetica;color: #535353;font-size: 14px;background: #FFFFFF;width: 100%;height: auto !important;}
@font-face {
	font-family:"mos";src:url("../font/montserratregular.ttf");
}


.font-mos{font-family:'mos';}
.font-arial{font-family:arial;}
a{color: #FFFFFF;text-decoration: none;}
a:hover{color:#FFFFFF;text-decoration:none;}
a:focus{color:inherit;text-decoration:none;}
.ct{text-align: center;}
.cr{text-align: right;}
.fw{font-weight: bold;}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
.f30{font-size:30px}
.f35{font-size:35px}
.fl{float: left;}
.fr{float: right;}
.ovef{overflow: hidden;}
.pos{position: relative;}
.fbai{color:#FFFFFF}
.fbai{color:#FFFFFF}
.nofw{font-weight: normal;}
.clear{clear:both}
.mt5{margin-top: 5px;}
.lh20{line-height: 20px;}
.lh22{line-height: 22px;}
.nomgr{margin-right: 0;}
.nopdr{padding-right:0;}
.red{color: #ff0000;}
.huang{color: #ffde00;}
.xieti{ font-style:oblique;}
.fhei{color:#262420}
.pdt{padding-top: 60px;}
.nomgr{margin-right: 0;}
.f44{font-size:44px}
.pd{padding:30px 15px ;}
.nopdz>*{padding: 0;}
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}
.curs{cursor: pointer;}
.c3{color: #333333;}
.pos_a{position: absolute;top: 0;left: 0;}
.diandiandian{overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.duohangdian{-webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数*/
        display: -webkit-box;/*必须结合的属性，将对象作为弹性伸缩盒子模型显示*/
        -webkit-box-orient: vertical;    /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式*/
        overflow: hidden;}
.daxie{text-transform: uppercase;}
/*header*/
.header{min-height:195px;}
.head_r{display: inline-block;}
.head_l{float: left;position: relative;}

.head_z{padding-top: 70px;padding-left: 93px;padding-right: 25px;}
.head_z span{color:#d34218;}
.yuyan{float: right;padding-top: 22px;padding-bottom: 25px;}
.yuyan li{display:inline-block;padding-left: 20px;}
.yuyan a{color: #333333;}
.in-search .txt {border: 1px solid #bfbfbf;width: 290px;height: 38px;line-height: 38px;padding-left: 5px;margin-right: -1px;text-indent:10px;}
.in-search .sub {border: none;background: #333333;float: right; height: 38px;line-height: 38px;width: 80px;cursor: pointer;color: #fff;}

.nav{background: #033a72;width: 100%;}
.nav2{padding: 0 12px;text-align: center;min-height: 60px;font-size: 0;}
.nav2>li{display: inline-block;position: relative;}
.nav2>li:hover a{background:#cb1d00;}
.nav2>li.ative a{background:#cb1d00;}
.nav2>li>a{color: #FFFFFF;display: block;font-size: 19px;padding:0 27px;line-height: 60px;}
.nav2 #in-dro2 {position: absolute;top:60px;left:0;z-index: 99;background: #295885;padding: 10px;width: auto;padding:25px;;text-align: left;display: none;z-index: 9;}
.nav2 #in-dro2 a{color: #FFFFFF;white-space:nowrap;background: none;line-height: 42px;display: block;padding-right:57px;}
.nav2 #in-dro2 a:hover{background:url(../images/jiantou.png) no-repeat right center;}
.nav2>li:hover #in-dro2{display: block;}
#in-dro3{position: absolute;top:0;left:100%;background: #295885;width: auto;padding: 5px 5px 5px 25px;text-align: left;display: none;z-index: 9;}
.nav2 #in-dro2 li:hover #in-dro3{display: block;}

.navbar-toggle{background: #033a72 !important;margin:0 !important;}
.navbar-toggle .icon-bar+.icon-bar{margin-top: 5px;}
 .navbar-toggle span{background-color: #fff;}
.tel-nav-box{position:absolute;width: 95%;top:30px;right: 20px;height: 34px;display: none;z-index: 2;}
.tel-nav{position: absolute;top: 45px;right: 10px;width:90%;text-align: center;background: #033a72;border: 1px solid #666;padding:0 15px;z-index: 9999;display: none;box-shadow:0 0 10px #666}
.tel-nav li{text-align: left;border-bottom: 1px solid #CCCCCC;line-height: 38px;}
.tel-nav li a{text-align: center;width: 100%;display: block;white-space: nowrap;overflow: hidden;
text-overflow:ellipsis;color: #FFFFFF;}
.tel-nav li a:hover{color: red;}
.tel-nav li:last-child{border-bottom: 0px;}
/*banner*/
.banner{position:relative;}
.banner img{width:100%;}
#banner-list .owl-next{background-position: center -750px;right: 25px;}
#banner-list .owl-prev{background-position: center -700px;left: 25px;}
#banner-list .owl-dot span{background-color:#999999;width:12px;height: 12px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0;filter:Alpha(Opacity=100);opacity: 1;border-radius:50%;}
#banner-list .owl-controls{}
#banner-list .owl-dots .owl-dot.active span{background-color:#cb1d00;}
#banner-list .owl-controls{top:90%;position: absolute;left:0;width: 100%;}
/*---------------------------------------------------index-------------------------------------------*/
#index{padding-top: 55px;}
#index h2{position: relative;font-size: 30px;padding-bottom: 20px;margin-bottom: 20px;color: #323333;}
.in_pro h2{color: #444444;}
#index .line{height: 2px;width: 40px;background: #cb1d00;position: absolute;bottom: 0;left: 0;}
.in_pro{padding-bottom: 60px;background: url(../images/bg1.png) no-repeat left bottom;}
.in_pro .col-md-8 li{;padding:0 10px;font-size: 0;padding-bottom: 20px;text-align: center;}

.in_pro .col-md-8 li a{display: block;border: 1px solid #cccccc}
.in_pro .col-md-8 li p{position: absolute;width: 100%;height: 100%;background: rgba(3,58,114,0.8);top: 0;left: 0;display:none;padding:30% 10%;font-size: 20px;}
.in_pro .col-md-8 li:hover p{display: block;color:#FFFFFF;}
.in_pro .col-md-8 li p img{display: block;margin: 15px auto;}
.in_pro .col-md-4{padding-right: 40px;}
.in_pro .col-md-4 ul{min-height: 800px;background: #666666;}
.in_pro .col-md-4 ul li{border-bottom: 1px solid #808080;}
.in_pro .col-md-4 ul li a{display: block;line-height:60px;padding-left: 20px;}
.in_pro .col-md-4 ul li:hover a{background:#c11e06;}
.in_pro .col-md-4 ul li.active a{background:#c11e06;}

.in_jieshao{background: #033a72;padding-top: 80px;min-height: 592px;}
#index .in_jieshao h2{color: #FFFFFF;font-size: 26px;line-height: 40px;}
#index .in_jieshao .line{background: #FFFFFF;}
.in_jieshao .bg{position: absolute;right: 0;top: 0;}
.in_jieshao ul{padding-left: 5%;}
.in_jieshao ul li{padding-left: 90px;color: #FFFFFF;min-height: 160px;}
.in_jieshao ul li h3{line-height: 70px;}
.in_jieshao ul li p{font-size: 15px;}

.in_about{padding-top: 45px;}
.in_about ul{width: 100%;}
.in_about .col-sm-4{border: 1px solid #cccccc;padding: 5px;text-align: center;}
.in_about .col-sm-8{padding-left: 3%;}
.in_about ul{padding-top: 40px;margin:0 -10px;}
.in_about ul li{display: inline-block;width: 25%;padding:0 10px;}

.in_new{padding-top: 55px;}
.in_new a{color:#666666;}
.btm{width: 134px;height: 33px;line-height: 33px;background:#033a72;color: #FFFFFF;font-weight: bold;font-family: arial;text-align: center;display: block;}
.in_new .btm{color: #FFFFFF;}
.in_new ul{}

.in_new ul li:first-child{padding-right: 20px;}
.in_new ul li .f16{padding-bottom: 20px;}
.in_new ul li p{min-height: 40px;padding-bottom: 5px;}
/*foot*/
.footer{background:#4d4d4d;margin-top: 70px;padding-top: 70px;padding-bottom: 60px;}
.footer .title{font-size: 20px;color: #FFFFFF;padding-bottom: 20px;}
.shear{padding-top: 35px;}
.shear span{background: none !important;}
.shear a{display: inline-block;width: 45px;height: 45px;background: url(../images/icons.png) no-repeat left center;margin:0 5px;}
.shear a.a2{background-position-x:-56px;}
.shear a.a3{background-position-x:-112px;}
.shear a.a4{background-position-x:-168px;}
.shear a.a5{background-position-x:-224px;}

.footer .form .row{margin-left: -5px;margin-right: -5px;}
.footer .form .col-md-6{padding: 0 5px;}
.footer .form .col-md-12{padding: 0 5px;}
.footer .form input,.footer .form textarea{width: 100%;height: 44px;color: #bdbdbd;border: 1px solid #dedede; padding: 3px 17px;margin-bottom: 8px;}
.footer .form textarea {height: 130px;resize: none;padding: 17px;}
.footer .form button[type='submit'] {width: 145px;height: 36px;float: right;text-align: center;border-radius: 100px;background: #Ff0000;color: #fff;}
/*page*/
#top{min-height: 185px;background: #295885;color: #FFFFFF;}
#top h2{padding-top:70px;}
#top .fr{width: 50%;padding-top: 50px;}
.locat{text-align: right;line-height: 50px;}
.locat a{color:#666666;}
.locat a:last-child{color:#cb1d00;}
.about .title{border-bottom: 1px solid #dedede;padding-bottom: 35px;}
.side_nav h2{padding: 20px;background: #666666;color: #FFFFFF;font-size: 16px;font-weight: bold;}
.mian{padding-top: 35px;}
.side_nav ul{min-height: 600px;background: #999999;}
.side_nav ul li{border-bottom: 1px solid #adadad;}
.side_nav ul li a{display: block;line-height:60px;padding-left: 20px;}
.side_nav ul li:hover .f16{background:#c11e06;}
.side_nav ul li.active .f16{background:#c11e06;}
.side_nav{padding-left:10%;}
/*prodact*/
#prodact .side_nav{padding-left: 0;padding-right:10%;}
#prodact .side_nav #dro2{display: none;}
#prodact .side_nav li:hover #dro2{display: block;}
#prodact .side_nav li.active2 #dro2{display: block;}
#prodact .side_nav #dro2 a{padding-left: 50px;}
#prodact .side_nav #dro2 a:hover{background:#c11e06;}
#prodact .side_nav #dro2 a.active{background:#c11e06;}
#prodact .col-md-8{margin-left: -15px;margin-right: -15px;}
#prodact .col-md-8 .img{border: 1px solid #cccccc;padding: 4%;text-align: center;}
#prodact .col-md-8 p{line-height: 24px;padding-top: 10px;}
#prodact .col-md-8 li{padding-bottom: 20px;}
#prodact .col-md-8 li:hover p{color:#cb1d00;}
#prodact .show{margin: 0;}
#prodact .show h2{font-size: 30px;padding-bottom: 25px;}
.show .big li{display: none;}
.show .big li{border: 4px solid #dddddd;}
.show .sm{font-size: 0;margin-left: -5px;margin-right: -5px;padding-top: 15px;}
.show .sm li{padding: 0 5px;width: 25%;display: inline-block;padding-top: 5px;}
.show .sm li img{border: 4px solid #dddddd;}
.show .sm li.active{background: url(../images/sanjiao2.jpg) no-repeat center top;}
.show .sm li.active img{border: 4px solid #cb1d00;}
.Description{padding-top: 35px;}
.Description h2{font-size: 24px; color: #000000;padding-bottom: 10px;}
/*solutuin*/
#solutuin .list{margin-left: -20px;margin-right: -20px;}
#solutuin .list li{padding: 0 20px;margin-bottom: 40px;}
#solutuin .list li p{padding-top: 15px;}
#solutuin .list li:hover p{color:#cb1d00;}
.solution_show .shang{background: #e0e0e0;padding:30px 10%;}
.solution_show .shang p{padding-bottom: 30px;}
.solution_show .col-md-9{padding-right:5%;}
/*new*/
#new .list li{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #cccccc;}
#new .list li dt{padding-right: 4%;}
#new .list li dd{padding-top: 20px;}
#new .list li dd .ovef{padding-top: 10px;color: #999999;}
#new .list li dd .btm{float: right;width: 140px;height: 40px;line-height: 40px;background: #295885;color: #FFFFFF;text-align: center;}
.solution_show .time{font-size: 16px;color: #999999;padding-top: 15px;}
/*faq*/
#faq .list li{padding-bottom: 40px;}
#faq .list h2 { background: #fff url(../images/q-logo.png) 2% center no-repeat;height: 54px;line-height: 54px; border: 1px solid #D4D4D4; padding-left: 7%;color: #033a72;font-size: 16px;box-shadow: 0px 2px 2px #D4D4D4;border-radius: 3px;margin-bottom: 20px;}
#faq .list p {border-radius: 3px;padding: 27px 0;padding-left: 15%;margin-left: 4%;border: 1px solid #cccccc;background: #f0f0f0;}
#faq .list p .img{position: absolute;top: 0;left: 0;height: 100%;background:#FFFFFF;}
/*contact*/
#contact .map {width: 100%;height: 460px;border: 2px solid #D5D5D5;}
.contact_l{padding-right: 9%;}
.contact_l h2 {color: #024f9d;font-size: 24px;font-weight: 600;margin-bottom: 20px;}
.contact_l li {height: 48px;margin-bottom: 20px;padding-top: 12px;background: url(../images/icons2.png) no-repeat left top;padding-left: 60px;color:#333333;line-height: 23px;padding-right: 9%;}
.contact_l li a{color: #333333;}
.contact_l li:nth-of-type(1){padding-top: 1px;}
.contact_l li:nth-of-type(2){background-position-y:-60px;}
.contact_l li:nth-of-type(3){background-position-y:-125px;}
.contact_l li:nth-of-type(4){background-position-y:-187px;}
.contact_l li:nth-of-type(5){background-position-y:-252px;}
.contact_l li:nth-of-type(6){background-position-y:-317px;}

@media (min-width:1230px){
	.container{width: 1230px;}
}
@media (max-width:1200px){
	.head_z{display: none;}
	.head_r{float: right;}
	.nav2>li>a{padding: 0 27px;}
.nav2>li>a{padding: 0 18px;font-size: 17px;}
}
@media (max-width:992px){

.in_jieshao .bg{display: none;}
.side_nav{width: 100%;padding-left: 0;}
.nav_right{width: 100%;}
.side_nav ul{display: none;min-height:200px;}
.side_nav{padding-bottom: 30px;}
.nav2>li>a{padding: 0 10px;font-size:14px;font-weight: bold;}
#top .fr{padding-top: 20px;}
#prodact .side_nav{padding-right: 0;}
.solution_show .col-md-9{padding-right:0;}
.solution_show .shang{padding: 0 15px;margin-top:20px;}
}

@media (max-width:768px){
	.in_jieshao ul{float:none;}
	.nav2{display: none;}
	.tel-nav-box{display: block;}
	.navbar-toggle{display: block;}
	.head_r{width: 100%;}
	.head_l img{width: 120px;}
	.in-search .txt{width: 80%;}
	.in-search .sub{width: 20%;}
	.in-search{width: 100%;}
	.head_rr{width: 100%;}
	.yuyan{padding: 0;padding-bottom: 10px;}
	.header{min-height: 180px;}
	.in_pro .col-md-4{padding-right: 0;}
	.in_pro .col-md-8 li p{padding: 20% 5%;text-align: center;}
	.yuyan li{padding-left: 10px;}
	.in_about ul li{width: 50%;padding-bottom: 20px;text-align: center;}
	.in_about ul{margin: 0;}
	.in_new ul li{padding-bottom: 30px;}
	#banner-list .owl-controls{top: 80%;}
	.in_pro .col-md-4 ul{display: none;}
	#top .fr{width: 100%;padding-bottom: 10px;}
	#top h2{width: 100%;padding-top: 20px;}
	#new .list li dd h4{font-size: 16px;}
	#faq .list p{padding-left: 76px;}
	#prodact .show h2{font-size: 18px;}
}
@media (max-width:520px){
	.in-search:{
		width:220px;
	}
	.in-search .txt{
		width:75%;
	}
	.in-search .sub{
		font-size:12px;
		width:25%;
	}
	.header{
		min-height:inherit;
	}
}
/*seypt*/

/*huanye*/
.huanye span{border-right: none;
    display: inline-block;
   padding: 5px 12px;
    color:#FFFFFF;
	font-weight:bold;
    text-align: center;
    background:#033b71 ;
    margin: 0 2px;
    font-size: 12px;	
	}
.huanye li:first-child,.huanye li:last-child{display: none;}
.huanye{text-align: center;font-family: arial;margin-top: 50px;}
.huanye a{display: inline-block;text-align: center;padding: 5px 12px;color: #333333;background: #dddddd;border-right: none;margin: 0 2px;font-size: 12px;}
.huanye li{display: inline-block;}
.huanye a:hover{background:#033b71;color: #FFFFFF;}

#module{display: none;}
.searchs{margin-bottom: 20px;overflow: hidden;padding-left: 15px;}
.input-text{
	float: left;
	width: 235px;
    height: 35px;
    line-height: 35px;
    text-indent: 10px;
    background: #ffffff;
    border-radius:0;
    outline: none;
    border: 1px solid #d1d1d1;	
    font-size: 12px;
}
.sea-button{
	float: left;
	line-height: 34px;
    width: 115px;
    height: 35px;
    cursor: pointer;
	border: none;
	border: 1px solid #d1d1d1;
	
}
   #container{margin: 0 auto;}     

.youce {
    position: fixed;
    top: 50%;
    right: 0;
    background: #fff;
    z-index: 100;
}

.youce .box{
    background: #fff;
    padding: 8px 0;
    text-align: center;
    min-width: 45px;
    cursor: pointer;
    height:45px;
}
.youce .box h5{
    font-family: 'Times New Roman';
    font-size: 14px;
    color: #E6212B;
    margin-top: 8px;
    white-space: nowrap;
}
.pan-skypeBox h5{
    white-space: nowrap;
    margin-bottom: 10px;
}
.youce .box i{
    display: block;
    width: 30px;
    height: 37px;
    margin: 0 auto;
}
.youce .pan-skypeBox{
    position: absolute;
    bottom: 0px;
    left: 101%;
    box-shadow: 0px 0px 5px 2px #ccc;
    background: #fff;
    padding: 0 10px 0 0;

}
.pan-skypeBox li{
    line-height: 37px;
    padding-left: 30px;
    background: url("../images/onv5.png") no-repeat 5px center;
    white-space: nowrap;
    text-align: left;
	min-width: 100px;
}

.pan-skypeBox li a{
    color:#000;
    font-size:14px;
}
.youce .pan-skype i{
    background:  url("../images/tel.png") no-repeat center;
}
.youce .pan-contact i{
    background:  url("../images/xinxi.png") no-repeat center;
}
.youce .pan-contact{
    margin-bottom: 0px;
}
.youce .pan-contact+.pan-contact{

}
.youce .pan-skype.box{
    border-top: 1px solid #EAEAEA;
}
.youce .box:hover{
    background:#fff;
}
.youce .box:hover p{
    color: #fff;
}
.youce .pan-contact:hover i{
    background-image: url("../images/xinxi.png");
}
.youce .box:hover .pan-skypeBox{
    left: inherit;
    right: 100%;
}
.youce .box .pan-skypeBox h5{
    color: #444;
    font-size: 16px;
    font-family: inherit;
    text-align: left;
	display:none;
}
.pan-contact.box {
    position: relative;
}


.stay_input_list div{
    float: left;
    width: 120px;
    font-size: 12px;
    line-height: 30px;
    text-align: right;
    padding-right: 15px;
}
.stay_input_list input{
    float: left;
    line-height: 30px;
    border: 1px solid #d0d0d0;
    padding: 0 5px;
    font-size: 12px;
    width: 330px;
}
.stay_input_list{
    margin-bottom: 20px;
}
.stay_input_list textarea{
    width: 330px;
    height: 80px;
    padding: 10px 5px;
    font-size: 12px;
}
.submitBtn button{
    border: none;
    text-align: center;
    width: 134px;
    line-height: 40px;
    background: red;
    color: #fff;
    font-size: 14px;
    margin-left: 120px;
}

.proMark{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99999999;
}
.proMark i{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
}
.proMark .contact-form{
    position: absolute;
    width: 500px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    border-radius: 4px;
    padding-top: 20px;
}
.proMark .contact-form .title{
    background: red;
    color: #fff;
    font-size: 16px;
    padding: 0 20px;
    display: inline-block;
    line-height: 40px;
}

.proMark .contact-form .xian{
    height: 1px;
    width: 100%;
    background: #e0e0e0;
    margin: 15px 0 20px;
}
.closeBtn{
    position: absolute;
    top: 20px;
    right: 15px;
    cursor: pointer;
}
.contact-form{
    border: 1px solid #e0e0e0;
    padding: 30px 20px;
}
.onv-contact .contact-form{
    border: none;
    width: 860px;
    margin: 0 auto;
}