body { color:#666; font-size:14px; font-family:"Arial","Microsoft YaHei"; overflow:hidden; }
html{ overflow-y:scroll; }
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h4{ margin:0px; padding:0px; border:0; }
a{ color: #666; }
a:link{ text-decoration:none; behavior:url(/scripts/blur.htc);}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.float_l{ float:left;}
.float_r{ float:right;}


/*字体*/
@font-face {
    font-family: 'dinbold';
    src: url('/font/din-bold_.woff2') format('woff2'),
         url('/font/din-bold_.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

/*公用*/
.div100{ width:100%;}
.B{ font-weight:bold;}
.Text_l{ text-align:left;}
.Text_r{ text-align:right;}
.Text_c{ text-align:center;}
.animate{ -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }

.all{ padding: 0 100px; }

/***20180319xyj*****/
.main_header{ height:80px; background-color: rgba(255, 255, 255, 0.87); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.main_logo{ float: left; display: block; width: 27%; }
.main_logo img { max-width: 100%; }
.main_logo2,.main_logo3{ float: left; display: none; }
.main_header .lan{ float: right; padding: 10px 40px 0 0; position: relative; }

.main_logo,.main_logo2,.main_logo3 { height: 80px; }
.main_logo i,.main_logo2 i,.main_logo3 i { display: inline-block; width: 1px; height: 100%; line-height: 100%; margin-left: -1px; vertical-align: middle; }
.main_logo img,.main_logo2 img,.main_logo3 img { display: inline-block; max-width: 100%; max-height: 100%; line-height: 100%; vertical-align: middle; }

/*.main_header .main_logo img,.main_header .main_logo2 img{margin-top: 5px;}*/
.main_header .lan{width:175px;padding-right:0;}
.main_header .lan a{ padding-left: 30px; color: #000; display: inline-block; height: 25px; line-height: 25px; }
.main_header .lan a.cn{ background: url(/assets/static/images/icon1.png) no-repeat left center;float:left; }
.main_header .lan a.en{ background: url(/assets/static/images/icon2.png) no-repeat left center; float:right;}
.main_menu{ position: relative; z-index: 10; height: 80px; float: left; margin-left: 5%; }
.main_menu li{ float: left; margin-right: 1px; position: relative; }
.main_menu li a.tit{ display: block; padding: 0 25px; height: 80px; line-height: 80px; color: #000; font-size: 16px; text-align: center; position: relative; }
.main_menu li a.tit:hover,.main_menu li.active a.tit{ color: #f67400; }
.main_menu li a.tit i{ width: 1px; height: 10px; background: url(/assets/static/images/ibg.png) no-repeat; position: absolute; right: -1px; top: 23px; }
.main_menu li a.tit:hover i,.main_menu li.active a.tit i{ display: none; }
.main_menu li dl{ position: absolute; top: 80px; padding: 10px 0;

width: 100%; opacity: 0; visibility: hidden; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; background: url(/assets/static/images/bg2.png) repeat; }
.main_menu li:hover dl{ visibility: visible; opacity: 1; }
.main_menu li dd a{ background: url(/assets/static/images/arrow2.png) no-repeat 120px center; color: #fff; display: block; text-align: center; padding: 10px 3px; }
.main_menu li dd a:hover{ opacity: 0.7; }
/*.main_menu li .pro_dl{ height: 220px; }*/
.main_menu li .imgbox{ position: absolute; right: -309px; top: 0; padding: 24px; background: url(/assets/static/images/bg2.png) repeat; }
.phone_menu{ display: none; }
.phone_menu .Text_r{ padding-top: 20px }
.phone_menu .Text_r a{ color: #f67400; margin-right: 20px; }
.main_header .search{ position: absolute; right: 0; top: 42px; width: 210px; height: 50px; overflow: hidden; -webkit-transition:all ease 0.3s; transition:all ease 0.3s; }
/*.main_header .search:hover{ width: 210px; }*/
.main_header .search input{ position: absolute; right: 0;top: 1px; border: none; border-radius: 50px; width: 125px; height: 30px; padding: 0 40px 0 10px; background: #fff; opacity: 1; }
/*.main_header .search:hover input{ opacity: 1; }*/
.main_header .search i{ position: absolute; width: 30px; height: 30px; top: -1px; right: 0; background: url(/assets/static/images/search3.png) no-repeat center; cursor: pointer; }
.main_header .search:hover i{ background: url(/assets/static/images/search2.png) no-repeat center; }

.main_foot{ background: #0f3b78; background-size: cover; padding-top: 25px; height: 270px; }
.main_foot .foot_menu{ float: left; }
.main_foot .foot_menu dl{ float: left; margin-right: 75px; color: #fff; }
.main_foot .foot_menu dt{ font-size: 16px; margin-bottom: 25px; }
.main_foot .foot_menu dd a{ display: block; color: #ffffff; opacity: .6; line-height: 24px; }
.main_foot .foot_menu dd a:hover{ color: #fff; opacity: 1; }
.main_foot .foot_form{ float: right; width: 456px; }
.main_foot .foot_form h3{ color: #fff; font-size: 16px; margin-bottom: 25px; font-weight: normal; }
.main_foot .foot_form input{ border: 1px solid rgba(255,255,255,.3); height: 34px; padding: 0 10px; background: none; width: 100%; box-sizing: border-box; color: #fff; }
.main_foot .foot_form input::-webkit-input-placeholder { color: #ffffff; opacity: .6; }
.main_foot .foot_form input.w50{ width: 48%; }
.main_foot .foot_form input.name{ margin-right: 4%; }
.main_foot .foot_form p{ margin-bottom: 10px; }
.main_foot .foot_form textarea{ resize: none; border: 1px solid rgba(255,255,255,.3); background: none; width: 100%; box-sizing: border-box; padding: 10px; height: 65px; color: #fff; }
.main_foot .foot_form textarea::-webkit-input-placeholder { color: #ffffff; opacity: .6; }
.main_foot .foot_form .submit{ width: 90px; height: 38px; background: #f67400; text-align: center; border: none; cursor: pointer; }
.main_foot .foot_form .submit:hover{ opacity: 0.8; }
.Mask{ position:fixed; width:100%; height:100%; background:#000; opacity:0.3; left:0; top:0; z-index:500; display:none; }

.main_copay{ height: 70px; line-height: 70px; background: #001c43; color: #fff; }

.page{ text-align: center; color: #333; font-size: 14px; }
.page a{ display: inline-block; margin: 0 2px; padding: 0 15px; height: 38px; line-height: 38px; color: #999; border: 1px solid #cbcbcb; }
.page a.active,.page a:hover{ background: #f67400; border: 1px solid #f67400; color: #fff; }

.fixedR { position: fixed; top: 50%; margin-top: -152.5px; right: 0; z-index: 99; }
.fixedR ul li { height: 60px; margin-bottom: 1px; }
.fixedR ul li a { display: block; width: 41px; height: 100%; position: relative; background: #eaeaea; transition: all .5s ease; }
.fixedR ul li:hover a { background: #f67400; }
.fixedR ul li a span { display: block; width: 0; height: 100%; font: normal 16px/60px 'Arial'; color: #ffffff; text-indent: 10px; position: absolute; top: 0; right: 0; transition: all .5s ease; }
.fixedR ul li:hover a span { width: 200px; background: #f67400; }
.fixedR ul li a em { display: block; position: absolute; height: 21px; top: 50%; margin-top: -10.5px; right: 10px; z-index: 2; background-position: left center; background-repeat: no-repeat; transition: all .5s ease; }
.fixedR ul li:hover a em { background-position: right center; }
.fixedR ul li:nth-child(1) a span { font: normal 16px/60px 'Microsoft YaHei'; }
.fixedR ul li:nth-child(1) a em { width: 20px; background-image: url(/assets/static/images/Ricon1.png); }
/*.fixedR ul li:nth-child(2) a em { width: 20px; background-image: url(/assets/static/images/Ricon1.png); }*/
.fixedR ul li:nth-child(2) a em { width: 17px; background-image: url(/assets/static/images/Ricon2.png); }
.fixedR ul li:nth-child(3) a em { width: 20px; background-image: url(/assets/static/images/lpk1.png); }
.fixedR ul li:nth-child(4) a em { width: 20px; background-image: url(/assets/static/images/lpk3.png); }
.fixedR ul li:nth-child(7) a em { width: 21px; background-image: url(/assets/static/images/Ricon4.png); }


.fixedR ul li:nth-child(6) a em { width: 21px; background-image: url(/assets/static/images/lpk4.png); }
.fixedR ul li:nth-child(5) a em { width: 21px; background-image: url(/assets/static/images/lpk2.png); }

@media only screen and (max-width: 1810px) {
	.main_menu{ margin-left: 3%; }
}
@media only screen and (max-width: 1775px) {
	.main_menu li a.tit{ padding: 0 20px; font-size: 14px;}
	
	.main_foot .foot_menu dl{
		margin-right: 60px;
	}
	.main_foot .foot_form {
	    width: 448px;
	}
	.main_copay {
	    font-size: 12px;
	}
}
@media only screen and (max-width: 1620px) {
	.main_foot .foot_menu dl{ margin-right: 30px; }
}
@media only screen and (max-width: 1630px) {
    .main_foot .foot_menu dl{ margin-right: 30px; }
    .main_logo{ display: none; }
    .main_logo2{ display: block; width: 27%; }
    .main_logo2 img { max-width: 100%; }
    .main_menu{ margin-left: 0; }
    .main_foot .foot_form{
    	width: 420px;
    }
}

@media only screen and (max-width: 1560px) {
    .main_menu li a.tit { padding: 0 15px; }
    .main_menu li:first-child a.tit { padding-left: 25px; }
}

@media only screen and (max-width: 1400px) {
    .main_logo2 { width: 23%; }
    .main_foot{
    	height: auto;
    }
    .foot_menu {
    	width: 100%;
    }
    .foot_form{
    	width: 100% !important;
    }
}

@media only screen and (max-width: 1380px) {
    .main_menu{ margin-left: 0; }
}
@media only screen and (max-width: 1360px) {
    .main_foot .foot_menu dl{ margin-right: 30px; }
}
@media only screen and (max-width: 1342px) {
    .main_header .all{ padding-left: 50px; padding-right: 50px; }
    .main_menu li a.tit{ font-size: 14px; }
}
@media only screen and (max-width: 1280px) {
    .all{ padding-left: 50px; padding-right: 50px; }
}
@media only screen and (max-width: 1190px) {
    .main_menu{ display: none; }
    .main_header{ height: 50px; position: fixed; width: 100%; left: 0; top: 0; z-index: 1000; background: #fff; }
    .main_logo,.main_logo2,.main_logo3 { height: 50px; }
    .main_logo3{ display: block; }
    .main_logo2{ display: none; }
    .main_logo3 img{ height: 50px; }
    .main_foot .foot_form{ width: 400px; }
    .main_foot .foot_menu dl{ margin-right: 20px; }
    .phone_btn{ display: block; float: right; margin-top: 15px; }
    .phone_btn span{ display: block; width: 30px; height: 3px; background: #f67400; margin-bottom: 5px; }
    .phone_menu{ position:fixed; width:40%; height:100%; background:#fff; right:0; top:0; z-index:1000; padding:5% 0; transform:translateX(100%); -o-transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); display:block; }
    .phone_menu.active{ transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); }
    .phone_menu ul{ box-sizing:border-box; }
    .phone_menu li{ width:100%; box-sizing:border-box; margin-bottom:5px; border-bottom: 1px solid #f67400; }
    .phone_menu li a{ color:#f67400; font-size:14px; display:block; padding:12px 0; padding-left:20%; }
    .container{ padding-top: 50px; }
    .main_header .lan{ display: none; }
}
@media only screen and (max-width: 768px) {
    .main_foot .foot_menu{ display: none; }
    .main_foot .foot_form{ float: none; margin: 0 auto; width: 80%; }
    .main_copay{ line-height: 24px; height: 48px; padding: 10px 0; text-align: center; }
    .main_copay span{ display: block; }
}
@media only screen and (max-width: 510px) {
    .all{ padding-left: 10px; padding-right: 10px; }
    .main_header .all { padding-left: 10px; padding-right: 10px; }
    .main_foot{ height: auto; padding: 20px 10px;}
    .main_copay{ font-size: 12px; }
    .main_copay em{ display: none; }
    .main_logo3{ display: none; }
    .main_logo2{ display: block; width: 70%; }
    /*.main_logo2 img{ height: 50px; }*/
}