/*-----------------[初始化]--------------*/
@font-face{
    font-family: 'AlibabaSans';
    src : url('../fonts/AlibabaSans-Regular.otf');
}
body{font:12px/18px "AlibabaSans","iconfont";font-weight: normal;color:#333; -webkit-font-smoothing: antialiased;}


/* body{font-family:"黑体","SimHei";font-size: 12px;} */
input,textarea,select{font-size: 12px;color: #444;
    font-family:"AlibabaSans";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
button, input, select, textarea {
    /*取消苹果手机方法效果*/
    font-size:16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{
    max-width: 100%;
}

*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;}

/*公用*/

h1,h2,h3,h4,h5,h6{font-weight: lighter;}
.cur{text-align: right; color: #a0a0a1; font-size: 14px; line-height: 50px;}
.cur a{color: #a0a0a1;margin:0 10px;}
.cur a:hover,.cur a.on{color: #3872dc;}
.g-border1{border:1px solid #d9d8d9;}

/*布局*/
.wp{width: 1280px;margin:0 auto;}
#menu{width: 263px;float: left;padding:12px 17px 0 17px;}
#right{overflow: hidden;margin-left:20px;width: 920px;}
.h50{height: 50px;overflow: hidden;clear: both;}
#bd{overflow: hidden;}

/*内页公用banner*/
#con-ban{
height: 300px;background-size: cover;background-repeat: no-repeat;background-position: center top;
    text-align: center;
}



/*内页左侧菜单*/
#menu-btn{display: none;float: left;position: relative;top: -32px;background: url(http://case16.qxdwl.com/templets/default/images/menu-btn-on.png) no-repeat center center;width: 20px;height: 16px;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
#menu-btn.on{background: url(http://case16.qxdwl.com/templets/default/images/menu-btn.png) no-repeat center center;}
#menu.on{display: block;}
#menu li{margin-bottom: 1px; position: relative;}
#menu li span{width: 150px;height: 52px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin:0 auto;}
#menu a{display: block;height: 52px;line-height: 52px;font-size: 18px;color:#3a3a3a;text-align: center;background-color: #dedddd;}
#menu .v1{border-left: 7px solid #3d5eee;background:#dedddd url(http://case16.qxdwl.com/templets/default/images/menu-ico1.png) no-repeat 180px center;padding-right: 25px;}
#menu li.on .v1{background:#dedddd url(../images/menu-on-ico.png) no-repeat 180px center;}
#menu dl{display: none;margin-top: 1px;}
#menu dl a{margin-bottom: 2px;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
#menu dl a:hover,#menu dl a.on{background-color: #7a8fec;color:#fff;}




/*lm 公用头部*/
#hd{position: relative;}
#hd{height: 95px;line-height: 95px;}
#hd .logo{position: absolute;left: 60px; top:3px;}
#hd .search{position: absolute; right: 40px; top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
#hd .nav{text-align: center;}
#hd .nav li{display: inline-block;text-align: center;font-size: 18px;margin: 0 24px;}
#hd .nav li a{color: #5f6061; padding-bottom: 36px;font-family: sans-serif;}
#hd .nav li:hover a,#hd .nav li.on a{color: #3872dc;border-bottom:4px solid #3872dc; -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
#hd .search .inp{width: 112px; height: 30px; border: 2px solid #d79618;padding-left: 6px;position: relative;z-index: 10;}
#hd .search .btn{display: inline-block;text-align: center; line-height: 35px; color:#002f5c; font-size: 16px; width: 95px; height: 35px; background: url(http://case16.qxdwl.com/templets/default/images/btn-search.png) no-repeat left top; border: none; cursor: pointer;}
#hd .search .btn:hover{filter:alpha(opacity=80);   
      -moz-opacity:0.8;   
      -khtml-opacity: 0.8;   
      opacity: 0.8; }
#hamburger
{
    box-sizing: border-box;
    display: block;
    width: 70px;
    height: 45px;
    position: absolute;
    top: 10px;
    left: 0;
    display: none;
    z-index: 999;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
    background: #1899d5;
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    left: 20px;
}
#hamburger:before
{
    top: 10px;
}
#hamburger span
{
    top: 20px;
}
#hamburger:after
{
    top: 30px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
    -webkit-transition: none 0.2s ease 0.2s;
    transition: none 0.2s ease 0.2s;

    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
.mm-opening #hamburger:before,
.mm-opening #hamburger:after
{
    top: 20px;  
}
.mm-opening #hamburger span
{
    left: -50px;
    opacity: 0;
}
.mm-opening #hamburger:before
{
    transform: rotate( 45deg );
}
.mm-opening #hamburger:after
{   
    transform: rotate( -45deg );
}
/*lm 公用底部*/
#fd{margin-top: 40px; background: #f9f9f9;text-align: center; clear: both;}
#fd .txt{padding-bottom: 35px;margin-top:45px; text-align: center; display: inline-block;padding:0 80px;vertical-align: top;} 
#fd h5,#fd p{line-height: 25px;color: #646464; font-size: 14px;}
#fd h5{ padding-bottom: 20px;}
#fd .pic{display: inline-block;width: 146px;height: 166px;}
#fd .pic img{width: 146px; height: 146px;margin-top: 18px;}

.section{padding-top: 90px;}

/*公用 头部样式 LTT */
#header .box {
	max-width: 1200px;
	padding: 0 10px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
#header .box .logo {
	display: block;
	width: 180px;
}
#header .box .nav {
	flex: 1;
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	padding: 0 20px;
	max-width: 660px;
	margin: 0 auto;
}
#header .box .nav li {
	height: 90px;
	line-height: 92px;
	border-bottom: 3px solid #fff;
	box-sizing: border-box;
	cursor: pointer;
	user-select: none;
}
#header .box .nav li:hover{
	border-bottom: 3px solid #1E78BE;
}
#header .box .nav li a {
	color: #5f6061;
        font-family: sans-serif;
}
#header .box .nav li:hover a {
	color: #1E78BE;
}
#header .box .login {
	display: flex;
	width: 180px;
	justify-content: space-between;
}
#header .box .login a {
	width: 80px;
	height: 36px;
	line-height: 36px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	border: 1px solid #1E78BE;
	color: #1E78BE;
	cursor: pointer;
	user-select: none;
}
#header .box .login a:hover{
	background: #1E78BE;
	color: #fff;
}
/* 头部样式 end */


