@charset "utf-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border:border-color;-moz-box-sizing:border-box;outline:none}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1.2;color:inherit}
ul,li{list-style:none}
em,i{ font-style:normal;}
a{text-decoration:none;color:inherit}
img{vertical-align:middle;outline:none;border:0}
body{font-family:"Microsoft Yahei","Arial","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;font-size:15px;line-height:1.5;font-weight:normal;color:#333;background:#fff;/* min-width:1300px;*/}
input,button,textarea,select{outline:none;font-family:inherit;border:none;background:none;appearance:none;-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
iframe{border:none;vertical-align:top}
:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box}
em{font-style:normal}
table{border-spacing:0;border-collapse:collapse;background-color:transparent}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-middle:before,.container-middle:after{content:" ";display:table}
.clearfix:after,.container:after,.container-middle:after{clear:both}
.clearfix {zoom: 1;}
.pr { position: relative;}
.fl { float:left;}
.fr { float:right;}
.pull-left{float:left}
.pull-right{float:right}
.bgf{ background:#fff;}
.bgfe{ background:#fefefe;}
.bgf5{ background:#f5f5f5;}
.w100 {  width: 100%;}
.dis-table{display:table;width:100%;height:100%}
.dis-cell{display:table-cell;vertical-align:middle}
.text-align{text-align:center}
.section{width:100%;overflow:hidden}
.out{overflow-y:auto;padding-right:5px}
.out::-webkit-scrollbar{width:3px;background-color:#fff}
.out::-webkit-scrollbar-thumb{background-color:#1D60E6;border-radius:10px}
.content , .footer , .container{width:1200px; min-width:1200px;margin:0 auto;clear:both; }
.container_left{ width:260px; float:left; padding:30px 0px;}
.container_right{width:960px; float:right;padding:30px 0px; }
/*top*/

.tophead{ width:100%; height:30px;margin:0 auto; background:#fafafa; height:40px; line-height:40px; font-size:13px;}
.tophead dl{ color:#666;}
.tophead dl dd{ float:left;}
.tophead dl dd span{ color:#e90303}
.tophead dl dt{ float:right;background:url(../images/top_tel.png) left no-repeat ; background-size: 20px 20px;padding-left:25px; color:#1D60E6}


.indexTit {text-align:center;}
.indexTit .indexTitEn {white-space:nowrap;font-size:48px;font-family:Arial,serif;color:rgba(102,102,102,.1);text-transform:uppercase;transform:translateY(50%);}
.indexTit .indexTitZh {font-size:36px;color:#08b78f;position:relative;top:-50%; font-weight:300;}
.indexTit .indexTitTxt {line-height:26px;margin-top:15px;}

.index_tite{ width:100;padding: 40px 0;}
.index_tite .intitle { height:60px; line-height:60px; font-size: 36px;    color: #364054;      font-weight: 800;    text-align: center;}
.index_tite .intitle span {   color: #1D60E6; font-weight:800;}
.index_tite .intext { display:block;font-size: 20px;    text-align: center;    color: #364054; height:40px; line-height:40px;  font-family: "Open Sans Light"; font-weight: 300;}
.index_tite .intitle4 { height:60px; line-height:60px; font-size: 28px;    color: #1D60E6;      font-weight: 300;    text-align: center;}

.headtop{ width:100%; height:146px; margin:0 auto;}
 .inservice{width:84%; margin:0 auto;clear:both; }
.web_page{width:100%; text-align: center; float:left; margin:0 auto;}
.logo_page{width:1200px; height:135px;margin:0 auto;}
.logo{float:left; margin-top:36px; margin-right:10px;}
.logo img{ height:55px}
.company_name{width:380px;float:left; height:70px; margin-top:34px;}
.company_name h1{width:100%; line-height:30px; font-size:24px; color:#1D60E6; font-weight:600; letter-spacing: 0pt;text-align:left; float:left; margin-top:3px;}
.company_name h2{ line-height:30px; font-size:13px; color:#000;font-weight:400;  text-align:left; float:left; margin-top:0px;letter-spacing: 0.2pt;}
.top_service{ width:235px; height:55px; float:right;  margin-top:30px; margin-right:0px}
.top_service p{ font-size:15px; color:#1D60E6; font-weight:normal; line-height:30px; background:url(../images/logo_call1.png) center no-repeat;text-align:center;}
.top_service span{ font-size:30px;font-family: Impact; color:#1D60E6; line-height:30px; background:url(../images/toptel.png) no-repeat  left 8px; padding-left:30px}
/**/
.search_head{ width:360px; float: left; border:2px solid #1D60E6;border-radius:5px; margin-top:45px;}
.search_head span{ border:#0px;width:230px; padding-left:5px; padding-right:3px;float:left; height:40px; font-size:14px; text-align:center;}
.search_head p { }
.search_head p input{width:115px; padding-right:16px; height:40px;  cursor:pointer; background:url(../images/search.png) no-repeat 5px center #1D60E6; padding-left:25px; background-size:18px 18px; border:0px; color:#fff; float:right; }
.search_kuan{width:230px; height:40px; color:#666; border:#1d60e6 solid 0px; background:no-repeat; line-height:40px; float:left;}
/*nav*/
.dhnav{ width:100%;min-width:1200px;  height:56px;float:left;background-color:#1D60E6; border-top:1px solid #1D60E6;}
.nav{z-index: 99;width:1200px;margin:0 auto;min-width:1200px; }
.nav>li{float: left;margin-right:1px; height: 56px; /*position: relative;*/ z-index: 999; }
.nav>li:nth-child(8){ margin-right:0;}
.nav>li>a{font-size: 16px;  color: #fff;  width: 132px; height: 56px; line-height:56px; display: block; text-align: center; font-weight:bold;}
.nav>li.last{background: none;}
.nav>li:hover>a{color: #1D60E6;background:#FFF;}

.nav .hnav a{color: #1D60E6!important;background:#FFF; border-radius:0px;}


.erji_nav { display:none; overflow:hidden; width:100%;  border-top:1px solid #1D60E6 !important;  position:absolute; left:0; top:231px;background-color: rgba(255,255,255,0.96);/* background:url(../images/black60.png);*/padding-top:25px; padding-bottom:70px; z-index:9;}
.erji_nav .title{ overflow:hidden; width:1200px; margin:0 auto;}
.erji_nav .title span{  width:120px; display:block;border-left:3px solid #1D60E6; padding-left:10px; margin-left:0px;}
.erji_nav .title span a{ color:#1D60E6; font-size:16px; line-height:16px;display:block;margin-bottom:20px; margin-top:20px;}

.erji_nav ul{ overflow:hidden;width:1200px; margin:0 auto; display:block; }
.erji_nav ul li{ float:left; height:38px; padding:0 35px; border:1px solid #ccc; background:#fff; border-radius:3px; text-align:center; font-size:14px;color:#000; text-decoration:none; margin-right:15px; margin-bottom:10px;}
.erji_nav ul li a{ color:#555; /*height:88px; */line-height:36px;font-size:14px;display:block;float:left; text-align:center;}
.erji_nav ul li:hover{display:block; border:1px solid #1D60E6; background:#1D60E6!important;color: #fff !important;}
.erji_nav ul li:hover a{display:block; color:#FFF !important; background:#1D60E6 !important;}
.erji_nav ul li a img{ display:block; margin:10px auto; width:40px; height:35px;}


/*.nav .erji_nav {margin-top:0px;}*/





.advantage-wrap{width:100%;height:122px;background:#f8f8f8;overflow:hidden;min-width:1200px}
.advantage li{width:25%;margin-top:35px}
/*.advantage li.type4{width:264px}*/
.advantage li img{width:48px;height:48px;display:block;margin-right:20px}
.advantage-des b{font-size:18px;color:#1D60E6;margin-bottom:14px}
.advantage-des p{font-size:14px;color:#666}



/*links*/

.footer-benefit-wrap {width:100%;height:165px;background-color:#1d60e6}
.footer-benefit-list {position:relative;width:299px;height:165px;-webkit-box-sizing:border-box;box-sizing:border-box}
.footer-benefit-list::after {position:absolute;top:50px;right:0;content:"";width:1px;height:46px;background:#4a80eb}
.footer-benefit-list4::after {width:0}
.fbi-img {display:block;width:47px;height:40px;margin:53px 20px 0 18px}
.footer-benefit-list1 .fbi-img {margin-left:0}
.fbi-wrap {width:214px;height:165px}
.fbi-wrap .p1 {font-size:18px;color:#ffffff;padding:38px 0 8px}
.fbi-wrap .p2 {font-size:14px;color:#ffffff;padding-bottom:00px}
.footer-meta-wrap {width:100%;/* height:360px;*/    background:#252526}



.bottomgs{ margin-top:50px;padding-top:0px; background:url(../images/bottom_bg.jpg) top center #272727;}

.bottom_left {height:180px;border-right:1px dashed #555;width:358px;}
.bottom_left .blogo{ margin-bottom:30px;}
.bottom_left .blogo span{width:254px;display:block; margin-top:10px;}
.bottom_left .blogo span img{ width:100%; display:block;}
.bottom_left .blogo p{ font-size:14px; font-weight:400; width:308px; display:block; margin-top:20px; border:1px solid #df6577; color:#df6577; height:35px; line-height:35px; text-align:center; border-radius:20px;}
/*.bottom_left .blogo p i{ width:16px; height:16px; display:inline-block;background:url(../images/foot_tel.png) center 0px no-repeat; margin-right:10px; }*/
.bottom_left .tel { width:100%; display:block; float:left; height:32px; line-height:32px;}
.bottom_left .tel p{ float:left;}
.bottom_left .tel span{ float:left; color:#FFF; font-size:18px; font-weight:normal;}
.botext { text-align:center;color:#ddd;} 
.botext a{ color:#ddd; }
.botext a:hover{ color:#fff; }

.bottom_md {line-height:35px;color:#fff;font-size:14px;margin-left:50px;margin-right:50px;height:180px; }
.bottom_md p{ height:33px; line-height:33px; font-size:14px;}
.bottom_md p span{display: inline-block;  vertical-align: top; color:#ccc; }
.bottom_md p.company i{ width:20px; height:27px; display:inline-block;background:url(../images/foot_company.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.address i{ width:16px; height:25px; display:inline-block;background:url(../images/foot_address.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.tel i{ width:16px; height:25px; display:inline-block;background:url(../images/foot_tel.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.mobile i{ width:16px; height:25px; display:inline-block;background:url(../images/foot_mobile.png) center bottom no-repeat; margin-right:10px; }
.bottom_md p.emial i{ width:16px; height:25px; display:inline-block;background:url(../images/foot_email.png) center 8px no-repeat; margin-right:10px; }
.bottom_md p b{display: inline-block;  vertical-align: top; font-size:20px; font-weight:600;}
.bottom_right { float:right;margin-left:50px;margin-top:10px;color:#999;font-size:14px;text-align:center;}

.bottom_right img {margin-bottom:15px;width:120px;}





.banq_nr{width:410px;line-height: 46px;padding-left: 40px;background: url(../images/bottomico.png) left 8px no-repeat;margin: 0 auto;color:#fff; font-size:14px;}
.bottom_nav2{width:240px;}
.bottom_nav2 .c4title {position: relative; padding: 0 0 25px 0; margin-bottom:5px;}
.bottom_nav2 .c4title a {font-size: 17px; display: block; line-height: 35px; color:#fff;}
.bottom_nav2 .c4title::after {content: ''; position: absolute; width: 20px; height: 1px; display: block; background:#c1b7b0; left: 0; bottom: 10px; transition: 0.6s all ease-in-out;}
.bottom_nav2:hover .c4title::after{ width: 100%; background:#c1b7b0;}
.bottom_rwm{width: 240px;margin: 0 auto;margin-top:20px;color:#fff;}
.bottom_rwml{ width:100px; line-height:30px; height:auto; text-align:center;}

.bottom_text{border-top: 0px #555 solid;font-size: 14px;line-height:35px;margin-top: 20px;color:#fff; padding:15px 0; text-align:center;}
.bottom_text a{ font-size:14px; color:#fff;}

.links{ width:100%;margin:0 auto; padding:15px 0;color:#fff;}
.links a{ color:#ddd; margin-right:15px; line-height:26px; }
.links a:hover{ color:#fff;}


.mainbgf8{ width:100%; background:#f8f8f8; position:relative;}
.mainbgf1{ width:100%; background:#f1f3f9; position:relative;}

.select-list { padding-bottom:50px;}
.select-list .select-content{width:393px;height:240px;padding:50px;box-sizing:border-box}
.select-list .img1{background:url("../images/select1.png") no-repeat;background-size:cover}
.select-list .img2{background:url("../images/select2.png") no-repeat;background-size:cover;margin-left:10px}
.select-list .img3{background:url("../images/select3.png") no-repeat;background-size:cover;margin-left:10px}
.select-content .select-ch{font-size:20px;font-weight:bold;color:#333333}
.select-content .select-en{font-size:12px;font-weight:400;color:#DDDDDD;padding:0 0 10px 0}
.select-content .select-des{font-size:14px;font-weight:400;color:#999999;padding-bottom:24px}
.select-content .select-service{font-size:14px;font-weight:400;color:#1D60E6}
.select-content .select-service::after{content:"";display:block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid #1D60E6;float:left;margin:7px 5px 0 6px}
.select-list .img1:hover{background:url("../images/selectH1.png") no-repeat;background-size:cover}
.select-list .img2:hover{background:url("../images/selectH2.png") no-repeat;background-size:cover}
.select-list .img3:hover{background:url("../images/selectH3.png") no-repeat;background-size:cover}
.select-content:hover .select-ch{color:#ffffff}
.select-content:hover .select-des{color:#ffffff}
.select-content:hover .select-service{color:#ffffff}
.select-content:hover .select-service::after{border-left:8px solid #ffffff}




.xz-bg {background: url(../images/yx_bg2.png) center 158px no-repeat;}
.zx {margin-left: -1px;padding: 15px 10px 0 15px;}
.zx li {float: left;width: 25%;}
.zx li a {margin-left: 1px;display: block;}
.zx li img {webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-filter: gray;filter: gray;}
.zx li .text {border-left: 1px solid #eee;padding: 20px 20px 0;}
.zx li:first-child .text {border-left: 0;}
.zx li .text h4 {text-align: center;font-weight: normal;margin: 0 0 40px;font-size: 30px;line-height: 1;color: #333;}
.zx li .text p {margin: 0;font-size: 16px;line-height: 24px;height: 96px;overflow: hidden;color: #7c7c7e;}
.zx li .text small {display: block;color: #d0d0d1;line-height: 1;font-size: 12px;}
.zx li a:hover img {webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);-webkit-filter: grayscale(0);filter: grayscale(0);-webkit-filter: none;filter: none;}
.zx-btn {display: block;margin: 40px auto 0;width: 288px;border: #fff 6px solid;border-radius: 50px;line-height: 46px;background-color: #3b8cde;color: #fff !important;text-align: center;font-weight: bold;font-size: 18px;-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.zx-btn:hover {border-color: #3b8cde;}





/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:235px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#1D60E6;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#db2929;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-image:url(../images/side_icon1.png);}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#db2929;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url() no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode .inner-box .qrcode-img{ width:180px; height:180px; margin:0 auto; }
.suspension .d-qrcode .inner-box .qrcode-img img{ width:100%; }

.navBox,.navboxtop{ display:none;}

.mar_50{ margin:50px  auto;}

#box{
		position: fixed;
		right: 0;
		bottom: 0;
		z-index:100;
		/*width:280px;
		height:172px;
		background:url(../images/boxbottom.png) no-repeat;*/
	}
	#box #close{
		width: 35px;
		height: 25px;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
	}
#box .boxtxt {
padding-top:25px;
width:280px;
		height:172px;
		background:url(../images/boxbottom.png) no-repeat;}
		
#box .boxtxt p{ margin:10px 20px; font-size:24px; color:#fff;}
#box .boxtxt b{ margin:0 20px; font-size:18px; height:35px; line-height:35px; color:#fff; display:block; font-weight:normal;}

::-webkit-input-placeholder{/*Webkit browsers*/
	color:#999;
	font-size:15px;
}
:-moz-placeholder{/*Mozilla Firefox 4 to 8*/
	color:#999;
	font-size:15px;
}
::moz-placeholder{/*Mozilla Firefox 19+*/
	color:#999;
	font-size:15px;
}
:-ms-input-placeholder{/*Internet Explorer 10+*/
    color:#999;
    font-size:15px;
}

.clr{ color:#1D60E6 !important}