@import url("iconfont.css");

body{ font-size: 1.5rem;} 
a{ color: #333;} 
a:hover{ color: #DA6767;}
.icolor { color: #2862CE;}
.am-slider-c3 .am-slider-counter{ background-color: #01B6EB;;}
.clear{ clear: both;}
li { list-style-type: none;}
header{ border-bottom: 1px solid #01B6EB; border-top: 3px solid #01B6EB; border-top-width: 5px\0\9;}
[class*=am-icon-]:before{ margin-right: 5px;}
[class*=am-u-]{ padding: 0;}
p{ margin: 0;}
.am-align-left,.am-align-right{ margin: 0;}
.am-titlebar-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    height: 45px;
    line-height: 44px;
    overflow: hidden;
    border-bottom: 1px solid #01B6EB;
}
.am-titlebar-one .am-titlebar-title {
    padding-left: 12px;
    position: relative;
    color: #222222;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.am-titlebar-one .am-titlebar-title:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 8px;
    bottom: 8px;
    border-left: 3px solid #01B6EB;
}
.am-titlebar-one .am-titlebar-nav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    padding-right: 5px;
    color: #999999;
    font-size: 1.4rem;
}
.am-slider-a2 .am-direction-nav, .am-slider-a2 .am-pauseplay{ display: block; }
.am-slider-c3 .am-slider-desc{ height: 50px;  line-height: 50px; right: 0; bottom: 0;}
.am-slider-c3 .am-slider-counter{ width: 80px; height: 50px;  line-height: 50px; font-size: 2.6rem; float: left; font-weight: 700;}
.am-slider-c3 .am-slider-counter .am-active{ font-size: 2.6rem;}
.am-slider-c3 .am-direction-nav a.am-prev{ left: 40px;}
.am-slider-c3 .am-direction-nav a.am-next{ right: 40px;}
.am-slider-c3 .am-direction-nav a{
	webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 44px;
    height: 44px;
    padding: 4px;
    margin: -16px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: .45;
    cursor: pointer;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(255,255,255,.3);
    background-color: rgba(0,0,0,.5);
    font-size: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.am-slider-c3 .am-direction-nav a:before {
    display: inline-block;
    font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    content: "\f053";
    font-size: 26px;
    line-height: 44px;
}

#abanner{ width: 100%; height: auto; margin: 0 auto; position: relative;}
#abanner>p{ margin-bottom: 0;}
.abanner{
	width: 1246px;
	height: 55px;
    background: url(../images/touming.png);
    line-height: 55px;
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -600px;
    bottom: 0;
}

.abanner .channelT {
    float: left;
    width: 170px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    text-align: center;
}
.abanner .s-menu {
    float: left;
    width: auto;
    margin: 0;
}
.abanner .s-menu li {
    float: left;
    margin-right: 3px;
}
.abanner .s-menu li a {
    position: relative;
    display: block;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
}
.abanner .s-menu li.current a, .abanner .s-menu li:hover a {
    background-color: #1f96e1;
}
.abanner .s-menu li.current a i, .abanner .s-menu li:hover a i {
    display: block;
}
.abanner .s-menu li a i {
    display: none;
    position: absolute;
    left: 0px;
    top: -4px;
    height: 4px;
    width: 100%;
    background-color: #1f96e1;
}
.abanner .s-menu li a i b {
    position: absolute;
    right: -4px;
    top: 0px;
    width: 0px;
    height: 0px;
    border-width: 2px;
    border-color: transparent transparent #0468a8 #0468a8;
    border-style: dashed dashed solid solid;
}

.abanner .now {
    float: right;
    padding-right: 20px;
    color: #999999;
    font-size: 14px;
    margin: 0;
    color: #fff;
    padding: 0 1.5em 0 0.5em;
    
}
.abanner .now a{ color: #fff;}
.am-slider-default .am-direction-nav a:before{ height: 50px; line-height: 50px !important; font-size: 5rem !important;}
.am-slider-default .am-direction-nav a{ width: 50px; height: 50px; top: 42%;}


#banner{ width:100%; height: 500px; position:relative;}
#banner .am-viewport{ height: 500px;}
#banner .am-slider{ height: 500px;}
#banner .am-slider img{ height: 500px;}
#banner .am-slider-b2 .am-direction-nav .am-next{ right: 60px;}
#banner .am-slider-b2 .am-direction-nav .am-prev{ left: 60px;}
#banner .am-slider-b2 .am-direction-nav a:before{ height: 50px; line-height: 52px !important; font-size: 3rem !important;}
#banner .am-slider-b2 .am-direction-nav a{ width: 50px; height: 50px; top: 42%;}

#rsc{ width: 100%; height: 50px; border-bottom: 1px solid #DADADA; z-index: 99; position: relative;}
.rsc{ width: 1246px; height: 50px; line-height: 50px; margin: 0 auto; }
.rsc i.icon-huo{ font-size: 26px;}
.rsc i.icon-kefu{ font-size: 26px;}
.page{ width: 1246px; margin:0 auto;}

#header{ width: 100%; box-shadow: 0 2px 2px rgba(29,29,29,0.3); position: relative; z-index: 1; }
#header .header{ width: 1246px; height: 130px; margin: 0 auto;}
.header [class*=am-u-]{ padding: 0;}

#header .top{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #DFDBDC;}
#header .top .con{ width: 1246px; margin: 0 auto;} 
#header .top .con p.ticon,#header .top .con a.ticon{ display: inline-block; margin-right: 5px;}
#header .top li{ margin-right: 10px; float: left;}

#header .top .con p.ticon i{ font-size: 2.4rem; float: left; margin-right: 20px;}
#header .top .con .am-dropdown-content{ z-index: 999;}


#header div.logo { margin: 0; width: 40%; height: 100%;}
#header .logo:hover{ color: #000;}
#header .logo i{ font-size: 6rem; float: left; line-height: 73px;}
#header .logo i.logo1{ width: 90px; height: 108px; background: url(../images/logo.jpg) no-repeat; margin-top: 10px;}
#header .logo i.logo2{ width: 408px; height: 108px; margin: 8px  0 0 0; background: url(../images/logoname.jpg) no-repeat;}
#header .logo div{ float: left; margin-top: 20px;}
#header .logo div p{ margin: 0 auto;}
#header .logo:hover .p2,#nav .logo:hover .p1{ color: #333;}
#header p.am-u-sm-8{ width: 66.46666667%;}
#header div.logowz { margin-top: 2.9rem; font-size: 1.6rem;}
#header div.logowz p{ margin: 0;}

#header .tel{ height: 100%; line-height: 118px; position: relative; }
#header .tel i{ font-size: 6rem; color: #000;}
#header span{ position: absolute;}
#header span.sp1{ top: -13px;}
#header span.sp2{ top: 13px; font-size: 3rem; color: #F36917; font-weight: 700;}

#header .nav{ padding-top: 0; height: 45px; background: #2862CE;}
#header #xiala{ width: 1246px; margin: 0 auto;}
#header .nav li{ line-height: 45px; font-size: 1.6rem; position: relative;}
#header .nav li:before{ content: "|"; color: #fff; position: absolute; left: 0;}
#header .nav li:first-child:before{ content: "";}
#header .nav>ul>li>a{ color: #fff;}
#header .nav{ text-align: center; display: inline-block;}
#header .nav .tel{ font-size: 13px;}



#header .nav ul#xiala li ul.xiala{ display:none; width:100%; background:#fff; position:absolute; top:80px; left:0; z-index:99; padding: 0;}
#header .nav ul#xiala li ul.xiala li{ width:100%; height:40px; line-height:40px; font-size:12px;}
#header .nav ul#xiala li ul.xiala a.selected{ height:40px; line-height:40px;}
#header .nav ul#xiala li ul.xiala li a{ display: inline-block; width: 100%; height: 100%; color:#000;}
#header .nav ul#xiala li ul.xiala li a:hover{ background:#2D3F4B; color: #fff;}


#footer{ width: 100%; height: 161px; background: #034091; overflow: hidden;}
#footer .footer{ width: 1200px; margin: 0 auto; color: #fff;}
#footer .footer a{ color: #fff;}
#footer .footlogo{ width: 300px; height: 161px; background: url(../images/botlogo.jpg) no-repeat 0 13px;}
#footer .footlogo img{ margin: 105px 0 0 46px}
#footer .conbg{ margin-left: 60px;}
#footer .conbg ul{ background: #013C7E; height: 45px; line-height: 45px; margin-top: 30px;}
#footer .conbg ul li{ text-align: center;}
#footer .conbg p.line{ margin: 30px 0; border-top: 1px solid #026BDE; border-bottom: 1pox solid #004394;}
#footer .erweima{ text-align: center;}
#footer .erweima img{ width: 135px; height: 135px; margin-top: 13px;}


@media screen and (max-width: 1246px) {
    #header,#banner{ width: 1246px;}
}

.FrontAdv_couplet01-d1_c1 .adv_couplet .shut:hover {
    background: transparent url(../images/ad-close-02.gif) no-repeat scroll left top;
}
.FrontAdv_couplet01-d1_c1 .adv_couplet .shut {
    position: absolute;
    right: -15px;
    top: -10px;
    background: transparent url(../images/ad-close-01.gif) no-repeat scroll left top;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    cursor: pointer;
}
.am-pagination{ text-align: center;}
