@charset "utf-8";

/* 该网站名称 CSS Document */

/*CSS 初始化*/

* {

  -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;

}

html,body{

	-webkit-user-select:none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-tap-highlight-color:transparent;

	-webkit-user-select:none;

	-webkit-touch-callout:none;

	-webkit-touch-callout:none;

} 

body {color:#333; font-size:14px; font-family:微软雅黑,sans-serif; min-width: 1200px; overflow-x: hidden;}

body,div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none; font-weight: normal;}

header, article, section, aside, footer, figure, nav{display: block;}

img {border:none; vertical-align:top}



a,a:visited {color:#333; text-decoration: none;

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

a:hover{color:#d00; text-decoration: none;}



.clearfix:after{display: block; content: ""; clear:both;}





.blank10{width:100%; height:10px;}

.blank20{width:100%; height:20px;}

.blank30{width:100%; height:30px;}

.blank40{width:100%; height:40px;}

.blank50{width:100%; height:50px;}





@font-face {

	font-family: 'NIAGSOL';

	src:url('../font/NIAGSOL.eot'); 

	src: 

		url('../font/NIAGSOL.eot?#iefix') format('embedded-opentype'), 

		url('../font/NIAGSOL.woff') format('woff'), 

		url('../font/NIAGSOL.ttf') format('truetype'), 

		url('../font/NIAGSOL.svg#aGENCYR') format('svg');

}



.main{width:1200px; margin:0 auto; position: relative;}



/*头部*/

header{}

header .top_box{height: 36px; line-height: 36px; background: #f0f0f0; color: #555; font-size: 12px;}

header .top_box h2{float: left; font-size: 12px;}

header .top_box i{margin-right: 5px; color: #555;}

header .top_box ul{float: right;}

header .top_box ul li{float: left; position: relative;}

header .top_box ul li a,

header .top_box ul li a:visited{color: #555;}

header .top_box ul li a:hover{color: #d00;}

header .top_box ul li:before{position: relative; top: 1px; display: inline-block; content: ""; width: 1px; height: 11px; background: #c0c0c0; margin: 0 12px;}

header .top_box ul li:first-child:before{display: none;}

header .top_box ul li.xl_ewm .xl_box{position: absolute; left: 0px; top: 32px; z-index: 200; padding-top: 12px; display: none;}

header .top_box ul li.xl_ewm .xl_box span{display: block; padding: 5px; text-align: center; line-height: 25px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}

header .top_box ul li.xl_ewm .xl_box span img{width: 100px; height: 100px; background: #ccc;}

header .top_box ul li.xl_ewm .xl_box:after{position: absolute; left: 50%; top: 0px; margin-left: -12px; display: block; content:url(../images/jt_top.png); line-height: 1!important;}

header .top_box ul li.xl_ewm:hover .xl_box{display: block;}



header .logo{float: left; height: 120px; line-height: 116px; position: relative;}

header .logo img{display: inline-block; vertical-align: middle;}

header .by{float: left; margin: 35px 0 0 40px; font-size: 18px; color: #636363; line-height: 1;}

header .by span{display: block;margin-bottom: 8px; font-size: 26px; color: #222; font-weight: bold; }



header .tel{float:right; margin:42px 0 0 0; position: relative; height:53px; font-size:12px; padding:0 0 0 52px;}

header .tel i{position: absolute; left: 0px; top: 0px; font-size: 40px; color: #24a5e8;}

header .tel span{font-size:34px; color:#e32433; font-family:Impact; display:block; line-height: 1;}



/**/

nav {border-top: 1px solid #ddd;}

nav ul{z-index: 10;}

nav ul > li{position:relative; float:left;}

nav ul > li:after{position: absolute; left: 0px; top: 18px; display: block; content: ""; width: 1px; height: 20px; background: #c9c9c9;}

nav ul > li:first-child:after{display: none;}

nav ul > li > a{position: relative; padding: 0 45px; height:55px; line-height:55px; text-align: center; display:block; font-size:16px; color: #333;}

nav ul > li > a:visited{color: #333;}

nav ul > li > a.selected,

nav ul > li > a:hover,

nav ul > li > a.on{background: #24a5e8; color: #fff;}



nav ul > li > ul{position: absolute; width:100%; background: rgba(0,0,0,0.5); visibility:hidden; z-index:999999}

nav ul > li > ul > li{float: none; position: relative;}

nav ul > li > ul > li > a{overflow:hidden; padding: 0 0; height: 40px; line-height:40px; color: #fff; text-align: center;}

nav ul > li > ul > li > a.selected,

nav ul > li > ul > li > a:hover{color:#fff}





* HTML .nav {height: 1%}

nav img{display: none!important;}

.downarrowclass {position: absolute; top: -1000px; right: 7px}

.rightarrowclass {position: absolute; top: 8px; right:15px}

.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}

.toplevelshadow {opacity: 0.0}











/*底部*/

footer{margin-top: 45px; background: #24a5e8; color: #fff; overflow: hidden;}

footer .f_menu{margin-top: 50px; border-top: 1px solid #50b7ed; border-bottom: 1px solid #50b7ed; padding: 18px 0; overflow: hidden;}

footer .f_menu h2{float: left;}

footer .f_menu ul{float: right;}

footer .f_menu ul li{float: left; margin-left: 50px; line-height: 55px; font-size: 14px;}

footer .f_menu ul li a{color: #fff;;}



footer .f_menu2{padding-top: 45px;}

footer .f_menu2 > li{float: left;}

footer .f_menu2 > li:first-child{width: 45%;}

footer .f_menu2 > li:first-child+li+li{float: right;}



footer .f_menu2 > li .part4{padding-bottom: 25px; color: #fff;}

footer .f_menu2 > li .part4 h2{font-family: Arial; font-size: 20px; line-height: 1; text-transform: uppercase; font-weight: bold;}

footer .f_menu2 > li .part4 h3{padding-top: 10px; font-size: 14px; line-height: 1; font-weight: bold;}



footer .f_menu2 > li .f_lxwm{margin-top: -5px; line-height: 24px;}

footer .f_menu2 > li .f_lxwm dd{line-height: 28px;}

footer .f_menu2 > li .f_lxwm dd i{width: 26px;display: inline-block; font-size: 14px;}



footer .f_menu2 > li .f_tel{}

footer .f_menu2 > li .f_tel i{display: inline-block; margin-right: 10px; width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 14px; color: #24a5e8; background: #fff; border-radius: 50%; position: relative; vertical-align: top;}

footer .f_menu2 > li .f_tel h2{display: inline-block; font-size: 20px; text-align: left; line-height: 1; font-weight: normal; color: #fff; font-family: Arial;}

footer .f_menu2 > li .f_tel h2 span{display: block; font-size: 12px; font-family: "微软雅黑"; letter-spacing: 5px;}

footer .f_menu2 > li .f_tel a{margin-top: 24px; display: block; background: #fff; width: 112px; height: 30px; text-align: center; line-height: 30px; color: #24a5e8;}

footer .f_menu2 > li .f_tel a em{margin-right: 5px; font-size: 14px;}



footer .f_menu2 > li .f_ewm{}

footer .f_menu2 > li .f_ewm li{float: left; margin-left: 20px;}

footer .f_menu2 > li .f_ewm li:first-child{margin-left: 0px;}

footer .f_menu2 > li .f_ewm li img{margin-bottom: 10px; width: 110px; background: #fff;}



footer .links{margin-top: 50px; padding: 20px 0; border-top: 1px solid #50b7ed; line-height: 25px; color: #fff; overflow: hidden;}

footer .links h2{float: left; font-size: 12px; font-weight: bold;}

footer .links h2:after{margin: 0 8px; display: inline-block; content: ""; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}

footer .links li{float: left; margin-right: 12px;}

footer .links li a,

footer .links li a:visited,

footer .links li a:hover{color: #fff;}