@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;}
body{font-size:12px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------this-a-list---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; 
   transition:all .4s ease 0s;
  -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
  -ms-transition:all .4s ease 0s; 
  -o-transition:all .4s ease 0s; 
}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
::selection { color: #fff; background-color: #D6000E;}    
::-moz-selection { color: #fff; background-color: #D6000E;} 
/*------- the html5 display-role reset for older browsers---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/*------- input--outline--middle---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
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;}
/*----- tabless///-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix///-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}
/*----- dis///-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
/*----- 文字两侧对齐///-----*/
.justify { text-align:justify; text-justify:distribute-all-lines; /*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
@media screen and (-webkit-min-device-pixel-ratio:0){
   .justify:after { position:absolute; content:"."; display: inline-block; width:100%; overflow:hidden; height:0;}
}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/******************************************************************common/////**********************************************************************/
@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}


.iconfont,
section.ourGaess dl dt:before{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

header{ width: 100%; background-color: #fff; display: table; box-shadow:1px 1px 16px 0px #757474}
section.head{ max-width: 1200px; margin: 0 auto; display: table;}
section.head figure.logo{ float: left; padding-top: 20px;
   transition:all .4s ease 0s;
  -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
  -ms-transition:all .4s ease 0s; 
  -o-transition:all .4s ease 0s;  
}
section.head menu.pcNav{ float: right; margin-left:30px;}
section.head menu.pcNav a{ display: inline-block; padding: 49px 25px; font-size: 15px; color: #474747; position: relative; z-index: 9;}

section.head menu.pcNav a:after{ position: absolute; content: ''; left: 0; top:0; width: 100%; height: 100%; background-color: #0154a4; z-index: -1; opacity: 0; visibility: hidden;
	transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	transition: all .8s cubic-bezier(.4,.8,.3,1);
	-moz-transition: all .8s cubic-bezier(.4,.8,.3,1);
	-webkit-transition: all .8s cubic-bezier(.4,.8,.3,1);
}

section.head menu.pcNav a:hover,
section.head menu.pcNav a.on{ color: #fff;}
section.head menu.pcNav a:hover:after,
section.head menu.pcNav a.on:after{ height: 100%;}
section.head menu.pcNav a.on:after,
section.head menu.pcNav a:hover::after{  opacity: 1;  visibility: visible;
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
 }

section.head aside.tel{float: right; margin-left: 20px; padding-top: 30px;
   transition:all .4s ease 0s;
  -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
  -ms-transition:all .4s ease 0s; 
  -o-transition:all .4s ease 0s;  
}
section.head aside.tel i{ display: inline-block; color: #D6000E;}
section.head aside.tel span{ display: inline-block; margin-left: 10px; font-size: 13px; font-family:arial; color: #999999;}

footer{ width: 100%; background-color: #353638;}
section.topNav{ width: 1148px; margin: 0 auto; padding: 80px 0;  display: table;}
section.topNav ul{ width: 100%;}
section.topNav li{ float: left; width: 20%; height: 195px; display: table; border-right: 1px solid #48494A;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
section.topNav li:nth-child(1){ padding-top: 50px;}
section.topNav li:nth-child(2){ width: 32%; padding-left: 45px;}
section.topNav li:nth-child(3){width: 48%;  padding-top: 30px; border: none;}
section.topNav li article{ float: left; width: 50%;}
section.topNav li h3{ font-size: 17px; color: #fff; margin-bottom: 25px;}
section.topNav li a{ display: block; width: auto; font-size: 13px; color: #999999;}
section.topNav li a:hover{ color: #fff;}

section.topNav li p{ font-size: 13px; color: #999999; line-height: 2; width: 100%;}
section.topNav li span{ display: block; width: auto; text-align: center;}
section.topNav li span strong{ display: inline-block; margin: 0 6px;}
section.topNav li span strong small{ display: block; text-align: center; font-size: 14px; color: #999999; margin-top: 30px;}


section.bomNav{ width: 100%; padding: 20px 0; background-color: #2D2E30;}
section.bomNav article{ width: 1200px; margin: 0 auto; display: table;}
section.bomNav article p{ float: left; width: 50%; font-size: 13px; color: #999999; position: relative;}
section.bomNav article p:nth-child(2){ text-align: right;}
section.bomNav article p span, 
section.bomNav article p a{ display: inline-block; vertical-align: middle; margin-left: 0px;}
section.bomNav article p a{font-size: 18px; color: #828282;}
section.bomNav article p a:hover{ color: #fff;}
section.bomNav article p img{ position: absolute; right: -10px; top: -118px; opacity: 0;
	 transition: all .4s ease-in-out 0s;
	 -webkit-transition: all .4s ease-in-out 0s;
	 -moz-transition: all .4s ease-in-out 0s;
	 -o-transition: all .4s ease-in-out 0s;
}



div.phoneNav{ display: none; overflow: hidden; width: 100%;padding: 10px 0; position: fixed; left: 0; top: 0; background-color: #fff; z-index: 9999;}
div.phoneNav .logo{ float: left; margin-left: 1em;}
div.phoneNav .phoNav{ float: right; margin-right: 1em; margin-top: 15px; width: 30px; height: 25px; text-align: center; line-height: 18px; border: 1px solid #D6000E; border-radius: 3px; cursor: pointer;}
div.phoneNav .phoNav i{ display: inline-block; position: relative; width:22px; height: 2px; background-color: #D6000E;}
div.phoneNav .phoNav i:before{ position: absolute; content: ''; left: 0; top: -5px; width: 100%; height: 2px; background-color: #D6000E;
	 transition: all .4s ease-in-out 0s;
	 -webkit-transition: all .4s ease-in-out 0s;
	 -moz-transition: all .4s ease-in-out 0s;
	 -o-transition: all .4s ease-in-out 0s;
}
div.phoneNav .phoNav i:after{ position: absolute; content: ''; left: 0; bottom: -5px; width: 100%; height: 2px; background-color: #D6000E;
	 transition: all .4s ease-in-out 0s;
	 -webkit-transition: all .4s ease-in-out 0s;
	 -moz-transition: all .4s ease-in-out 0s;
	 -o-transition: all .4s ease-in-out 0s;
}

div.phoneNav .phoNav.active i{
	background-color: transparent;
}
div.phoneNav .phoNav.active i:before{
	transform: rotate(45deg) translate3d(3px,3px,0);
	-webkit-transform: rotate(45deg) translate3d(3px,3px,0);
	-moz-transform: rotate(45deg) translate3d(3px,3px,0);
	-o-transform: rotate(45deg) translate3d(3px,3px,0);
}
div.phoneNav .phoNav.active i:after{
	transform: rotate(-45deg) translate3d(5px,-4px,0);
	-webkit-transform: rotate(-45deg) translate3d(5px,-4px,0);
	-moz-transform: rotate(-45deg) translate3d(5px,-4px,0);
	-o-transform: rotate(-45deg) translate3d(5px,-4px,0);
}
menu.phoneMenu{ width: 200px; height: 100%; position: fixed; right: 0px; top: 75px; background-color: #D6000E; z-index: 9999; padding-top: 20px;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 transform: translateX(210px);
	 -webkit-transform: translateX(210px);
	 -moz-transform: translateX(210px);
	 -o-transform: translateX(210px);
	 transition: all .4s ease-in-out 0s;
	 -webkit-transition: all .4s ease-in-out 0s;
	 -moz-transition: all .4s ease-in-out 0s;
	 -o-transition: all .4s ease-in-out 0s;
}
menu.phoneMenu a{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 15px; color: #fff; text-align: center; border-bottom: 1px dotted #fff;}
menu.phoneMenu a:hover{ background-color: #fff; color: #D6000E;}
menu.phoneMenu.active{ 
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
}

header.curs{ position: fixed; left: 0; top: 0; z-index: 9999;}
header.curs section.head menu.pcNav a{ padding: 30px 25px;}
header.curs section.head figure.logo{ padding-top:5px;}
header.curs section.head aside.tel{ padding-top: 8px;}
.english,.china { margin-bottom:5px; }
.english a:hover,.china a:hover{ color:#D6000E; text-decoration:underline}