﻿body,html{ width:100%; overflow-x:hidden}
.in-pro .in-side{border:1px solid #dadada;padding:50px 25px 30px;text-align:center;margin-bottom:30px}
.in-pro .in-p-icon{background:#333;width:100px;height:100px;text-align:center;line-height:100px;margin:0 auto;border-radius:50%}
.in-pro .in-p-title{font-size:24px;color:#000;padding:30px 0 10px}
.in-pro .in-p-des{font-size:14px;line-height:24px;text-align:left}
.in-pro .pro:hover .in-p-icon{background:#e25453}
#newlist .news{margin-bottom:55px}
#newlist .in-p-date{font-size:18px;color:#898a8c}
#newlist .in-p-title{font-size:16px;color:#000;border-bottom:1px solid #e3e2e2;padding-bottom:5px;position:relative}
#newlist .in-p-title span{width:15px;display:block;position:absolute;bottom:-1px;z-index:10;border-top:1px solid #000}
#newslist .in-p-des{color:#828080;font-size:14px}
.in-hezuo{padding-bottom:90px}
.in-hezuo .hezuo{margin-bottom:16px;padding-left:8px;padding-right:8px;position:relative}
.in-hezuo .hezuo .des{position:absolute;width:110%;height:130%;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.5);left:-8%;top:-15%;z-index:1000;margin-left:8px;overflow:hidden;display:none}
.in-hezuo .hezuo .des img{width:40%}
.in-hezuo .hezuo .des p{font-size:14px;padding:0 10px}
.in-hezuo .hezuo:hover{z-index:1000}
.in-hezuo .hezuo:hover .des{display:block}
.in-form{padding-bottom:90px}
.in-form input{padding:10px;display:block;height:38px;line-height:38px;margin-bottom:20px;width:100%;font-size:14px;border:1px solid #828282}
.in-form textarea{padding:10px;margin-bottom:20px;width:100%;font-size:14px;display:block;border:1px solid #828282}
.in-form input.submit{background:#01417d;width:165px;color:#fff;font-size:16px;border:none;line-height:16px}
.in-form h3{margin-top:0;margin-bottom:30px}
.in-form .form_r p{font-size:15px;color:#010101}

.nav>li>a:focus,.nav>li>a:hover{background:0 0}
.new-list li{padding:10px;border:2px solid #E9E9E9;margin-bottom:10px}
.new-list li img{float:left;margin-right:2%}
.new-list li p{font-size:14px;color:#888;line-height:1.8em}
.new-list li .h3{font-size:16px;color:#121212;margin:10px 0 10px 0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.new-list li .more{display:inline-block;width:60px;height:20px;color:#fff;line-height:20px;text-align:center;text-transform:uppercase;background:#5C5C5C;float:right;font-size:12px}
.pages{font-size:0;text-align:center;padding-top:30px}
.pages a{font-size:14px;color:#888;display:inline-block;height:32px;padding:0 12px;line-height:32px;border:1px solid #727272;margin:5px 3px}
.pages a.on,.pages a:hover{background:#727272;color:#fff}
.pages span{font-size:14px}
img{max-width:100%}
.daoh .in-home a{margin-top:0}

.main-top{text-align:center;border-bottom:1px solid #E7E7E7; margin-bottom: 50px;}
.main-top a{display:inline-block;line-height:normal}
.main-top a span{display:inline-block;padding:0 38px;border-left:1px solid #E9E9E9;margin:20px 0;color:#646363;font-size:16px}
.main-top a:first-of-type span{border-left:0}
.main-top a em{display:none;width:80%;background:#3784D2;height:2px;margin:0 auto}
.main-top a.on em,.main-top a:hover em{display:block}
.main-top a.on span,.main-top a:hover span{color:#ff7f03}

.product-list li{text-align:center;margin-bottom:20px}
.product-list li p{margin:20px 0;color:#2d2d2c}


.main{padding-bottom:50px}
.new-info-top{text-align:center;margin-bottom:35px}
.new-info-top h3{margin-bottom:20px}
.new-link{border-top:1px dashed #e0dfdf;margin-top:30px;padding-top:10px}
.new-link a{margin-top:10px;color:#457ABE;margin-right:20px}
.new-link a:hover{text-decoration:none;color:#FBC015}
.new-info-text{line-height:2.5em;font-size:16px}
.page-info{font-size:16px;line-height:2.5em;padding-bottom:50px}
.hexin{margin-bottom:30px;cursor:pointer}
.hexin .inside{background:#f7f7f7;border:1px solid #ececec;padding:0 10px;text-align:center}
.hexin .inside img{margin:0 auto}
.hexin .inside .coreBusinessList_title{color:#000;font-size:18px;height:50px;line-height:25px}
.hexin .inside .coreBusinessList_state{color:#666;font-size:14px;line-height:1.5em;height:150px}
.hexin:hover .inside{background:#27bbff}
.hexin:hover .inside .coreBusinessList_title{color:#fff}
.hexin:hover .inside .coreBusinessList_state{color:#fff}
.hexin:hover .inside img.one{display:none!important}
.hexin:hover .inside img.two{display:block!important}
.businessModal{float:left;width:100%;height:86vw;margin-top:-7vw}
.businessModal .path{position:relative;float:left;top:8.528vw;width:66.7vw;height:3.616vw;font-size:1.5vw;left:5.5vw}
.businessModal .row{position:relative;float:left;top:7vw;width:66%;height:30vw;margin-top:1.6vw;margin-left:11%}
.businessModal .row:last-child{top:11vw}
.businessModal .row .col-10{position:relative;float:left;width:31%;height:30vw;margin-left:3.5%;color:#01aae6}
.businessModal .row .col-10:first-child{margin-left:0}
.businessModal .thumbnail{display:block;border:none;width:100%;height:33vw;cursor:pointer}
.businessModal .thumbnail .top{position:absolute;width:100%;height:8vw;z-index:999}
.businessModal .thumbnail .top .circle{width:7vw;height:7vw;background:#2a80b9;text-align:center;color:#fff;font-size:2.8vw;line-height:7vw;border-radius:100%;margin-left:24%}
.middle{position:relative;top:4vw;width:100%;height:28vw;background:#dcdcdc;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}
.middle_title{position:relative;top:5.5vw;width:100%;height:2vw;line-height:10px;font-size:1.1vw;text-align:center;letter-spacing:2px;color:#2f2f2f}
.middle_line{position:relative;top:5vw;left:6.4vw;width:25px;height:1px;background:#2f2f2f}
.middle_detail{position:relative;top:6vw;width:86%;margin-left:7%;font-size:1vw;letter-spacing:2px;color:#2f2f2f}
.businessModal .thumbnail .down{position:relative;width:100%;height:5vw;line-height:5vw;font-size:1.1vw;color:#fff;text-align:center;background:#4a4a4a;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.down2 div:first-child,.down3 div:first-child,.down4 div:first-child{width:100%;height:50%;line-height:3vw}
.down2 div:last-child,.down3 div:last-child,.down4 div:last-child{width:100%;height:50%;line-height:1.5vw}
.down5 .all,.down5 div:first-child,.down5 div:last-child{width:100%;height:33%;line-height:1.5vw}


.functionCustomization{width:100%;height:100vw;margin-top:-6vw}
.functionCustomization .path{position:relative;float:left;top:7vw;width:66.7vw;height:3.616vw;font-size:1.5vw;left:2.6vw}
.functionCustomization .row{position:relative;float:left;top:9vw;width:100%;height:14vw;margin-top:1.6vw}
.functionCustomization .row .col-10{position:relative;float:left;width:22%;height:14vw;text-align:center;margin-left:2.45%;color:#01aae6}
.functionCustomization .row .col-10:first-child{margin-left:0}
.functionCustomization .thumbnail{display:block;font-size:2vw;padding:0;width:100%;border-radius:0;height:14vw;cursor:pointer;border:1px solid #ddd}
.state{position:absolute;width:100%;height:14vw;top:0;left:0;color:#fff;background-color:rgba(90,90,90,.7);display:none}
.state div{width:100%;height:7vw;font-size:1.5vw}
.state div:first-child{line-height:12vw}
.state div:last-child{line-height:2vw}
.state1{position:absolute;width:100%;height:14vw;top:0;left:0;color:#fff;background-color:rgba(90,90,90,.7);display:none}
.state1 div{width:100%;height:5vw;font-size:1.5vw}
.state1 div:first-child{line-height:10vw}
.state1 .state1_middle{line-height:5vw}
.state1 div:last-child{line-height:0}
.state2{position:absolute;width:100%;height:14vw;top:0;left:0;color:#fff;background-color:rgba(90,90,90,.7);display:none}
.state2 div{width:100%;height:4.15vw;font-size:1.5vw}
.state2 div:first-child{line-height:6vw}
.state2 .state2_middleTop{line-height:4vw}
.state2 .state2_middleBottom{line-height:2vw}
.state2 div:last-child{line-height:0}
.bottom_tab{height:22vw;background:#f2f2f2}
.thumbnail:hover .state{display:block!important}

#BAR .bounced{width:560px;height:380px;color:#fff;position:fixed;top:50%;left:50%;margin:-190px 0 0 -280px;background:url(../img/bounced.png) no-repeat 209px 50px #ff5822;z-index:9999;box-shadow:0 0 10px #aaa;display:none}
#BAR .bounced .chose{width:30px;height:30px;border-radius:15px;position:absolute;top:10px;right:10px;background:url(../img/chose.png) no-repeat;background-size:contain;cursor:pointer}
#BAR .bounced h5{font-size:22px;line-height:300px;text-align:center;color:#fff;font-weight:300}
#BAR .bounced .cont{height:150px;width:100%;background-color:#fff;text-align:center;position:absolute;bottom:0;padding-top:48px}
#BAR .bounced .cont p{display:inline-block;width:170px;height:60px;margin:0 10px;background-color:#ff5822;border-radius:6px;line-height:60px;cursor:pointer;font-size:20px}
#BAR .bounced .content{height:150px;width:100%;background-color:#fff;text-align:center;position:absolute;bottom:0;padding-top:3px;display:none}
#BAR .bounced .content input{width:252px;display:inline-block;height:36px;margin:20px 0}
#BAR .bounced .content span{display:inline-block;width:60px;height:30px;line-height:30px;border:1px solid #ddd;margin:6px 2px;text-align:center;cursor:pointer;color:#aaa}
#BAR .bounced .content #send{margin-left:386px}
#BAR .bounced #error2,#BAR .bounced #ok2{width:100px;height:40px;position:absolute;bottom:46px;right:160px;border:1px solid #666;text-align:center;line-height:40px;font-size:16px;color:#666;background-color:#fff;display:none}
#BAR #RIGHT{width:60px;height:190px;position:fixed;bottom:200px;right:20px;z-index:999;color:#fff}
#BAR #RIGHT li{width:60px;height:60px;text-align:center;background-color:#fff;border-radius:30px;border:2px solid #e95221;line-height:56px;margin-bottom:2px}
#BAR #RIGHT li a:hover{text-decoration:none;color:#fff}
#BAR #RIGHT li img{display:inline-block}
#BAR #RIGHT li p{display:none}
#BAR #RIGHT li:hover{background-color:#e95221}
#BAR #RIGHT li:hover img{display:none}
#BAR #RIGHT li:hover p{display:block}
#BAR #RIGHT .li1,#BAR #RIGHT .li2{cursor:pointer}
#BAR #RIGHT li.li2 .rightcont{background-color:#fff;width:200px;height:300px;position:fixed;padding:5px 5px;right:100px;bottom:160px;display:none}
#BAR #RIGHT li.li2 .rightcont input{width:190px;height:40px;margin:10px auto}
#BAR #RIGHT li.li2 .rightcont textarea{width:190px;height:100px;margin:10px 0 25px 0;resize:none}
#BAR #RIGHT li.li2 .rightcont .ll{border-radius:0;background-color:#ff5b2f;border-color:#ff5b2f;margin-right:15px}
#BAR #RIGHT li.li2 .rightcont span{width:54px;height:30px;border:1px solid #e5e5e5;color:#aaa;font-size:14px;font-weight:400;padding:6px 12px;cursor:pointer}
#BAR #RIGHT #error1,#BAR #RIGHT #ok1{width:100px;height:40px;position:absolute;bottom:20px;right:160px;border:1px solid #666;text-align:center;line-height:40px;font-size:16px;color:#666;background-color:#fff;display:none}
#BAR #RIGHT .li3 .rightcont{width:230px;height:214px;position:absolute;top:-14px;right:60px;background:url(../images/02.png) no-repeat;text-align:center;display:none}
#BAR #RIGHT .li3 .rightcont .top{width:60px;height:60px;border-radius:30px;border:1px solid #fff;line-height:60px;text-align:center;margin:30px 0 30px 75px}
#BAR #RIGHT .li3 .rightcont .top img{display:inline-block}
#BAR #RIGHT .li3 .rightcont p{line-height:24px;margin:10px 0 10px 28px;width:160px}
#BAR #RIGHT .li3:hover .rightcont{display:block}
#BAR #RIGHT .li4 .rightcont{width:230px;height:244px;position:absolute;top:20px;right:60px;background:url(../images/01.png) no-repeat;text-align:center;display:none}
#BAR #RIGHT .li4 .rightcont .top{width:60px;height:60px;border-radius:30px;border:1px solid #fff;line-height:60px;text-align:center;margin:30px 0 30px 75px}
#BAR #RIGHT .li4 .rightcont .top img{display:inline-block}
#BAR #RIGHT .li4 .rightcont img{display:block}
#BAR #RIGHT .li4 .rightcont p{line-height:24px;margin:10px 0 10px 28px;width:160px}
#BAR #RIGHT .li4:hover .rightcont{display:block}
#BAR #totop{width:54px;height:54px;position:fixed;bottom:146px;right:22px;z-index:999;text-align:center;cursor:pointer;display:none;color:#fff;line-height:54px}
#BAR #totop img{display:inline-block}
#BAR #totop p{margin:5px auto 0;line-height:20px;display:none}
#BAR #totop:hover{background-color:#e95221}
#BAR #totop:hover img{display:none}
#BAR #totop:hover p{display:block}


.in-page{ padding-top: 70px }
.in-page .in-title{ padding-bottom: 50px; }
.in-page .in-title .in-t{}
.in-core{ padding-top: 0; margin-top: 90px; }

.ch-jiantou-box{ height: 140px; line-height: 140px;}
.ch-jiantou-box img{ vertical-align: middle; }
.ch-grid  .ch-jiantou-sx{ height: auto; }

.in-list h3{ margin:0; border-bottom: 9px solid #f5f5f7; padding:0 0 8px;}
.in-list h3 span{ font-size:18px; color: #000000; display: block; border-left: 3px solid #000; padding-left: 20px; }
.in-list h3 a{ font-size: 15px; color: #797676 }


.in-list li{ background:url(../images/news_06.jpg) no-repeat left center; padding-left: 20px; border-bottom: 1px solid #eae8e8; }
.in-list li a,.in-list li span{ font-size: 14px; color: #000; line-height: 51px; }
#zuixindongtai{ padding-bottom: 80px; }

.yipic {
    width: 20%;
    float: left;
    padding: 0 8px;
    overflow: hidden;
    cursor: pointer;
}

.dierhang{ position: absolute; top: 124px; width: 80%; left: 10%}

.gldw{ position: absolute; top: 248px; }
.glup{ height: 600px; }
.yipic:hover img {
    opacity: 0.6;
}
#gongsilinian{ padding-bottom: 90px; padding-top:0; margin-top: 30px; }

#nav{float:right; padding-top: 10px;}

.foot .dwlist { width: 14.25%; }
.foot .erweima{ width: 20%; font-size: 14px; text-align: right;}
.foot .erweima .list{ text-align:  center; font-size: 16px; } 
.foot .erweima .f-logo{ margin-bottom: 10px; }
.foot .erweima p{ line-height: 1.8em }


#gongsilinian .in-com{ margin:0 auto}
#zuixindongtai .in-title p ,.in_liucheng .in-title p{ color:#a4a5a7;}


@media (min-width:1300px){
	.container{width:1200px}
}



@media (max-width:1200px){
	.logo{display:none}
	.dierhang{ top: 104px; }
	.gldw{ top: 208px; }
	.glup{ height: 500px; }

}

@media (max-width:992px){
	.businessModal{float:left;width:100%;height:230vw;margin-top:-7vw}
	.businessModal .path{position:relative;float:left;top:8.528vw;width:66.7vw;height:3.616vw;font-size:1.5vw;left:5.5vw}
	.businessModal .row{position:relative;float:left;top:7vw;width:66%;height:108vw;margin-top:1.6vw;margin-left:11%}
	.businessModal .row:last-child{top:11vw}
	.businessModal .row .col-10{position:relative;float:left;width:100%;height:36vw;margin-left:0;color:#01aae6}
	.businessModal .row .col-10:first-child{margin-left:0}
	.businessModal .thumbnail{display:block;border:none;width:100%;height:33vw;cursor:pointer}
	.businessModal .thumbnail .top{position:absolute;width:100%;height:8vw;z-index:999}
	.businessModal .thumbnail .top .circle{width:7vw;height:7vw;background:#2a80b9;text-align:center;color:#fff;font-size:2.8vw;line-height:7vw;border-radius:100%;margin-left:43%}
	.news-right{ padding:0 30px !important; margin-top:30px;}
	.news-left{ margin-bottom: 30px; }

	.dierhang{ top: 74px; }
	.gldw{ top: 148px; }
	.glup{ height: 400px; }

	.foot .dwlist { width: 20% }
	.foot .erweima{ width: 100%; font-size: 14px; margin-top:30px; text-align: center;}

	.news-left{ display:none}
}


@media(max-width:768px){.in-form .form_r{margin-top:30px}
	.in-core .ch-grid{font-size:12px}
	.dierhang{ top: 74px; }
	.gldw{ top: 148px; }
	.glup{ height: 300px; }

	.glup{ width:350px; margin:0 auto}
	
	.dierhang{ top: 54px; }
	.gldw{ top: 88px; }
	.glup{ height: 250px; }
	
}




/*reset css*/
*{margin:0;padding:0;list-style:none;border:none;}
/*main css*/
.izl-rmenu{position:fixed; left:95%; bottom:30%; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btnn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px; max-width: 160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

@media (max-width:992px) {

.izl-rmenu{ display:none}
	
	
}





/*header*/
.header{
	background: rgba(255,255,255,0.1);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%; z-index: 99999;
}
.navbar{
	border: 0;
}
.navbar-default {margin-bottom: 0px;margin-right: -15px;margin-left: -15px;background: none;}
.navbar-brand{height: auto; padding:0 0 5px;}
.navbar-default .navbar-nav>li>a{color:white;}
.navbar .nav > li .dropdown-menu{ min-width: 126px; border-radius: 0; margin: 0; padding: 0;  left: -1px;}
.navbar .nav > li .dropdown-menu li a{ width: 100%; text-align: center; height: 35px;  line-height: 30px; padding: 0 !important; color: #fff!important;  background-color:rgba(255,255,255,0.5) !important;}
.navbar .nav > li .dropdown-menu li a:hover{ width: 100%; display: inline-block; background-color: #ff7f03 !important; color: white !important;}
.navbar .nav > li .dropdown-menu {margin: 0; background:none}
.navbar .nav > li:hover .dropdown-menu {display: block;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a{ background-color: rgba(255,255,255,0.5) !important; color: #fff !important;}



@media(min-width: 768px){
	.nav li.active a,.nav li a:hover{
	    color: #fff !important;
	    background: none!important;
    }
   .navbar-nav{
   	    float: right;
   	}
   	.navbar-toggle{
	   margin-top:25px;
    }
}
@media(max-width: 767px){
    .navbar-collapse {
    	background: #bbb7b7;
    }
    .navbar-brand{
		height: auto;
		width: 40%;
		max-width: 211px;	
	}
}
@media(min-width: 992px){
   .navbar-nav{
   	    margin-top: 15px;
    }
    .navbar-default .navbar-nav>li>a{
    	font-size: 15px;
    }
}
@media(min-width: 768px) and (max-width: 991px){
	.nav li a{
		font-size: 12px;
		padding: 10px 10px;
	}
	.navbar-nav{
		margin-top: 20px;
	}
}
@media(min-width: 1200px){
    .nav>li>a {
    	padding: 10px 25px;
    }
}
.main_about{ background:url(../images/abg.jpg) no-repeat left top; background-size:100% auto; padding-top:50px; margin-top:-50px;}
.main_about_jieshao{background:url(../images/aboutbg.jpg) no-repeat left top;}
.prolist_title { text-align:center; margin-bottom:50px;}
.prolist_title h3{font-size:40px; color:#000; padding-bottom:10px;}
.prolist_content li .li_box{ background:#f7f8fb;}
.prolist_content li p{ font-size:24px; color:#000000;}
.prolist_content li a div{ font-size:14px; color:#6e6d6d; padding:0 15px; height:60px;}
.prolist_content li{ padding:0 20px;}

.fangan-list{ padding:0 15px;}
.fangan-list li{ padding:70px 0}
.fangan-list li.left{ background:#f6f6f6; text-align:right}
.fangan-list .tit{ font-size:30px; margin-bottom:40px; color:#030303}
.fangan-list .des{ font-size:18px; margin-bottom:15px; color:#030303; line-height:2em;}
.fangan-list .more a{ font-size:18px;color:#fff; width:150px; height:40px; line-height:40px; text-align:center; background:#005bac; display:inline-block}
.new-info-top .show_title{ font-size:36px;}
.jieshao_top{ height:73px; background:#000} 

@media(max-width: 992px){
   .prolist_title h3{ font-size:30px; padding-bottom:0}
   .prolist_content li{ padding:0 15px;}
	.new-info-top .show_title{ font-size:26px;}
}

@media(max-width: 768px){
   .main_about{ background:none}
   .main_about_jieshao{ background:none}
}

