@charset "utf-8";

html{overflow-y:scroll; /*overflow-x:hidden*/}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
body, button, input, select, textarea { font:12px/1.5 Arial,'\5fae\8f6f\96c5\9ed1'; } 
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;} 
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp { font-family:couriernew, courier, monospace; } 
small{ font-size:12px; } 
ul, ol { list-style:none; list-style-type:none;} 
/*sup { vertical-align:text-top; }*/ 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
a, fieldset, img { vertical-align:middle; border:none; } 
button, input, select, textarea { font-size:100%; } 
table { border-collapse:collapse; border-spacing:0; }

/* a style */
a{color:#333;text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#d70d19; text-decoration:none;}
a:active{color:#d70d19;}
a:focus{outline:none;}
.tdu,.tdu a{text-decoration:underline;}
.tdn,.tdn a{text-decoration:none;}

/* clearfix style */
.clear{clear:both;overflow:hidden;}
.clearfix:after{display:block;clear:both;height:0;content:"\20";visibility:hidden;overflow:hidden;}
.clearfix{display:block;*zoom:1;}
*html .clearfix {height:1%;}

/* float style */
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.rel{position:relative;} 

/* display style */
.db{display:block;} 
.dn{display:none;} 
.ovh{overflow:hidden;}

/*font-size*/
.f16{ font-size: 16px !important;}
.f17{ font-size: 17px !important;}
.f18{ font-size: 18px !important;}
.f20{ font-size: 20px !important;}
.f22{ font-size: 22px !important;}

/*color*/
.red{ color: #d70d19 !important;}

/*background*/
.bgtp{ background: transparent;}

/*margin*/
.mr0{ margin-right: 0 !important;}

/*input*/
input, textarea{ border: 1px solid #cacaca; text-indent: 5px; font-size: 18px;}

/*iconfont*/
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff') format('woff'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    /*-webkit-text-stroke-width: 0.2px;*/
    -moz-osx-font-smoothing: grayscale;
}


body{ max-width: 1920px; min-width: 1260px; padding-top: 126px; margin: 0 auto; background-color: #fff; position: relative; color: #333;}
.common-width{ width: 1260px; margin: 0 auto; position: relative;}

/*header*/
.header{ max-width: 1920px; min-width: 1260px; position: fixed; top: 0; z-index: 20; width: 100%; background: #fff; margin: 0 auto;}

.red-bar{ width: 100%; height: 26px; background: #d70d19;}
.search-bar .search{ font-size: 14px; padding-right: 15px;}
.search-bar .jian, .search-bar .fan, .search-bar .en{ font-weight: bold; padding-right: 12px;}
.search-bar a{ display: block; color: #fff; height: 26px; line-height: 26px;}

.nav-bar{ height: 100px;}
.nav-bar .logo{ padding-top: 32px; margin-left: 20px;}
.nav-bar .nav .nav-menu>li>a{ font-size: 16px; line-height: 100px; display: block; width: 116px; text-align: center;}
.nav-bar .nav .nav-menu>li.on>a{ color: #d70d19;}
.nav-bar .nav .nav-menu>li>a.on{ background: #d70d19; color: #fff;}
.nav-bar .nav .nav-menu>li{ float: left;}


.nav-bar .sub-menu-wrap{ overflow: hidden; border-top: 3px solid #d70d19; border-bottom: 1px solid #d70d19; width: 100%; position: absolute; left: 0; top: 126px; z-index: 999; text-align: left; background-color: #f0f0f0; background-repeat: no-repeat; background-position: right bottom;}
/*.nav-bar .nav-menu .bg1{ background-image: url(../images/nav_about.jpg);} 
.nav-bar .nav-menu .bg2{ background-image: url(../images/nav_business.jpg);} 
.nav-bar .nav-menu .bg3{ background-image: url(../images/nav_news.jpg);} 
.nav-bar .nav-menu .bg4{ background-image: url(../images/nav_service.jpg);} 
.nav-bar .nav-menu .bg5{ background-image: url(../images/nav_activity.jpg);} 
.nav-bar .nav-menu .bg6{ background-image: url(../images/nav_contact.jpg);} */
.nav-bar .sub-menu-wrap .container{ margin: 0 30px; text-indent: 10px;}
.nav-bar .sub-menu-wrap ul{ position: relative;}
.nav-bar .sub-menu-wrap ul a{ display: block; border-bottom: 1px solid #ddd; }
.nav-bar .sub-menu-wrap li{ line-height: 60px; padding: 0 30px;}
.nav-bar .sub-menu-wrap a.menu-parent{ position: relative;}
.nav-bar .sub-menu-wrap a.menu-parent .iconfont{ position: absolute; display: block; right: 20px; top: 0;}

.nav-bar .sub-menu-wrap .sub-menu1>li:hover>a.menu-parent:before{
    content: ""; 
    position: absolute;
    display: block;
    top: 50%;
    right: -30px;
    margin-top: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #f9f9f9;
    width: 0;
    height: 0;
}
.nav-bar .sub-menu-wrap .sub-menu1 .sub-menu2 li:hover a.menu-parent:before{
    content: ""; 
    position: absolute;
    display: block;
    top: 50%;
    right: -30px;
    margin-top: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fdfdfd;
    width: 0;
    height: 0;
}

.nav-bar .sub-menu-wrap .sub-menu1{ font-size: 18px; width: 30%; min-height: 305px;}
.nav-bar .sub-menu-wrap .sub-menu2{ background: #f9f9f9; position: absolute; left: 100%; bottom: 0; width: 70%; min-height: 305px;}
.nav-bar .sub-menu-wrap .sub-menu3{ background: #fdfdfd; position: absolute; left: 100%; bottom: 0; width: 100%; min-height: 305px;}

.register-signin{ background: #e3565e; width: 1px; height: 100px;}
.r-s .signin{ width: 116px; height: 100px;background: #fff; color: #d70d19; text-align: center;}
.r-s .register{ width: 116px; height: 100px;background: #fff; color: #d70d19;text-align: center;}
.r-s>a{ display:block; float:right; width:116px; height:100px;}
.r-s a.on .signin{background: #d70d19; color: #fff;}
.r-s a.on .register{ background: #d70d19; color: #fff;}
.r-s .signin i, .r-s .register i{ font-size: 26px; padding: 17px 0 1px; display: inline-block;}
.r-s .signin p, .r-s .register p{ font-size: 16px; line-height: 1;}

/*footer*/
.footer-link{ height: 480px;}
.footer-link-call{ float: left; margin-top: 49px;}
.footer-link-call h2{ color: #d70d19; font-size: 42px; margin-bottom: 29px;}
.footer-link-call p{ padding-bottom: 13px;}
.footer-link-call .call{ line-height: 1; clear: both;}
.phoneI{ font-size: 53px; padding-right: 12px; color: #d70d19;}
.footer-link-call .call .font{ font-size: 16px; color: #5c5c5c;}
.footer-link-call .call .num{ font-size: 18px; color: #d70d19;}
.footer-link-call .call .small-font{ font-size: 14px;}
.footer-link-call .email{ clear: both; color: #5c5c5c; font-size: 16px; margin-top: 17px; height: 49px; line-height: 49px;}
.emailI{ font-size: 49px; padding: 0 15px 0 1px; color: #d70d19;}

.footer-link-call .icon{ margin-top: 41px;}
.footer-link-call .icon a{ margin-right: 20px;}

.footer-link-dl dl{ float: right; line-height: 1; margin-top: 60px;}
.footer-link-dl dl dt{ font-size: 18px; font-weight: bold; padding-bottom: 19px;}
.footer-link-dl dl dt a{ display: block; width: 73px; height: 20px; border-bottom: 2px solid #adadad; padding-bottom: 5px;}
.footer-link-dl dl dd{ font-size: 16px; padding-bottom: 15px;}
.footer-link-dl .dl01{ width: 74px;}
.footer-link-dl .dl02{ width: 180px;}
.footer-link-dl .dl03{ width: 163px;}
.footer-link-dl .dl04{ width: 163px;}
.footer-link-dl .dl05{ width: 161px;}

.footer-copy{ height: 83px; border-top: 1px solid #d6d6d6; position: relative;}
.footer-copy p{ padding-top: 17px; color: #666; float: left;}
.footer-copy .select-position{ position: absolute; right: 0; top: 8px;}
.footer-copy .select-wrap{ position: relative; width: 250px; height: 33px; background-image: #fff;}
.footer-copy .select-wrap .selectbox{ cursor: pointer; width: 241px; height: 33px; padding-left: 9px; line-height: 33px; font-size: 14px; background: url(../images/index_selectbox.png) no-repeat center;}

.footer-copy .select-wrap .ul-wrap{ display: none; position: absolute; overflow: auto; width: 248px; height: 132px; bottom: 33px; background: #fff; border: 1px solid #d6d6d6; z-index: 2;}
.footer-copy .select-wrap .ul-wrap ul li{ height: 33px; padding-left: 9px; line-height: 33px; font-size: 14px; }


/*banner*/
.banner{ width: 100%; height: 420px; overflow: hidden; background-position: center 0; background-repeat: no-repeat;}

/*main*/
.main{ width: 100%; background: #f0f0f0;}
.main h2{ font-size: 36px; padding: 16px 0 20px;}
.main h3{ font-size: 24px;}
.main .content{ padding: 10px 0 100px;}
.main .content .text{ line-height: 30px; padding-top: 20px; padding-bottom: 34px; font-size: 18px; width: 100%;}


/*bread*/
.bread{ font-size: 17px; padding: 26px 0;}
.bread .next{ padding: 0 13px;}
.bread .on{ color: #d70d19;}

/*page*/
.pageBar{ height: 36px; line-height: 36px; padding: 23px 0; width: 300px; margin: 0 auto;}
.pageBar .num, 
.pageBar .dot{ font-size: 24px; color: #999; display: inline-block; vertical-align: middle;}
.pageBar .dot{ padding: 0 6px;}
.pageBar .on{ color: #d70d19;}
.pageBar .prev{ padding-left: 16px; display: inline-block; border-right: 5px solid #8b8b8b; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.pageBar .next{ margin-left: 4px; display: inline-block; border-left: 5px solid #636363; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}

/*fold*/
.fold-title{ height: 70px; border-top: 2px solid #fff; line-height: 70px; cursor: pointer;}
.fold-title .arrowI{ display: block; border: 1px solid #d70d19; width: 42px; height: 42px; text-align: center; line-height: 42px; margin-top: 13px; color: #d70d19; font-size: 22px;}

/*red-dot*/
.dot{ padding: 0 8px; font-size: 24px; display: inline-block;}

/*block*/
.block{ width: 400px; height: 340px; position: relative; margin: 0 30px 40px 0; background-position: center 0; background-repeat: no-repeat;}

.block .redbox{ position: absolute; bottom: 0; background: #d70d19; height: 80px; width: 400px; color: #fff; font-size: 30px; line-height: 80px; text-align: center;}
.block .redbox:after{
    content: ""; 
    position: absolute;
    display: block;
    bottom: 80px;
    left: 50%;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #d70d19;
    width: 0;
    height: 0;
}


/*tab-box*/
.tab-box .hd>ul{ width: 260px;}
.tab-box .hd>ul>li{ position: relative; float: left; background: #fff; margin-bottom: 3px;}
.tab-box .hd>ul>li.on>a{ color: #d70d19;}
.tab-box .hd>ul>li>a{ display: block; cursor: pointer; padding: 0 28px; height: 50px; font-size: 18px; line-height: 50px; width: 164px;}

.tab-box .col1{ width: 260px;}
.tab-box .col2{ width: 1000px;}

/*2017-4-5*/
.no{
    font-size: 16px;
    color: #d70d19;
    padding-left: 10px;
}
.xinghao{
    font-size: 19px;
    color: #d70d19;
    padding-left: 2px;
    font-weight: normal;
}
.xinghao1{
    font-size: 18px;
}
.xinghao2{
    padding-left:0px;
}

/*20170420*/
.nav-bar .sub-menu-wrap .sub-menu2,
.nav-bar .sub-menu-wrap .sub-menu3{
    height: 100%;
}