@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
html{font-family: "Microsoft Yahei";padding: 0;margin: 0;}
body {
font-family: "Microsoft Yahei", Tahoma, Arial, Helvetica, sans-serif;
word-break: break-all;
word-wrap: break-word;
background: #ffffff;
}
@font-face {font-family: 'Siyuan';src:url('Siyuan_Medium.otf'); }
*{ padding: 0;margin: 0;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
a{text-decoration: none; color:#000000; transition:all 0.7s}
a:hover{ text-decoration:underline}
em{ font-style:normal}
/*------------------public------------------*/
.clearfix {
*zoom:1; clear:both;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.fl{float: left;}
.fr{float: right;}
.text-center{text-align: center;}
.container{ width:1200px;/*padding:50px 0;*/margin:0 auto }
html {
color: #000;
background: #fff;
}
body, h1, h2, h3, h4, h5, h6, p, dl, dd,ul,li {
margin: 0; padding:0; list-style:none
}
.flex{ display: -webkit-flex; /* Safari */display:flex;}
.flex-direction-row{flex-direction:row}
.flex-wrap-nowrap{ flex-wrap: nowrap}/**不换行**/
.flex-wrap-wrap{ flex-wrap: wrap}/**换行**/
.flex-justify-content-left{justify-content:flex-start}/*左对齐*/
.flex-justify-content-center{justify-content:center}
.flex-justify-content-right{justify-content:flex-end}/*右对齐*/
.flex-justify-content-between{justify-content:space-between}/*两端对齐*/
.flex-justify-content-around{justify-content:space-around;}/*两侧的间隔相等*/
.relative{ position:relative;}
.absolute{ position:absolute}
.pic{display:flex;justify-content:center;align-items:center;}
.pic img{ transition:all 0.7s; width:auto; max-width:100%; max-height:100%; width: 100%;}
.toper{ height:30px; position:relative; background:#eeeeee; color:#949494; font-size:14px; line-height:30px;}
.toper a{ color:#949494; font-size:14px;}
.right-top-nav{}
.logobox{ padding:25px 0;}
.logo-line{ width:17px; margin-left:10px; margin-top:5px}
.logo-des{ width:20%; padding-left:1%; padding-top:8px}
.logo-des h2{ font-size:28px; font-weight:normal; color:#21478b; line-height:46px; letter-spacing:2px;}
.logo-des h3{ font-size:16px; color:#999999;font-weight:normal; padding-top:8px}
.logo-tel{ width:25%}
.logo-tel img{ float:left; margin-right:5%; margin-top:15px;}
.logo-tel .text{ padding-top:15px;}
.logo-tel .text h3{ font-size:16px; color:#9b9a9a; font-weight:normal; padding-top:10px}
.logo-tel .text h4{ color:#bf1836; font-family:Arial, Helvetica, sans-serif; font-size:26px; padding-top:10px }
.navline{ height:2px; line-height:2px;background:#C01736 url(../images/navline.jpg) top no-repeat;}
.navbox{ height:49px; background:#21478b; padding-top:6px; }
.navbox ul li{ width:16.5%; float:left;text-align:center; line-height:36px; position:relative; transition:all 0.7s}
/*.navbox ul li:nth-child(3){ width:23%}*/
.navbox ul li:after,.navbox ul li.over:after{ width:2px; line-height:100%; height:100%; background:#8699bb; position:absolute; z-index:1; right:0; content:""}
.navbox ul li a{font-size:14px; color:#FFF}
.navbox ul li.on,.navbox ul li:hover{ background:#fff; border-radius:12px; color:#21478b; }
.navbox ul li.on:after,.navbox ul li.other:after{ background:#21478b; width:0px;}
.navbox ul li.on a,.navbox ul li:hover a{ color:#21478b; text-decoration:none}
.navbox ul li dl{ position:absolute; width:100%; left:-5px; top:37px; padding:10px;background:#21478b; display:none; }
.navbox ul li dl dd{ line-height:24px; text-align:center; border-bottom:1px dashed #DBDBDB; z-index:9}
.navbox ul li dl dd:last-child{ border-bottom:0px;}
.navbox ul li dl dd a{ font-size:12px;}
.navbox ul li.on dd a,.navbox ul li:hover dd a{ color:#FFF;}
/**search start**/
.searchbox{ height:64px; line-height:64px; background:#e1e1e1; font-size:14px; color:#333333}
.searchbox a{ font-size:14px; color:#333333}
.searchbox .search{ width:28%; height:36px; margin-top:13px;}
.searchbox .search input{ display:block; float:left;}
.searchbox .search input.key{ width:88%; height:36px; line-height:36px; padding-left:10px; font-size:14px; background:#fff; border:0px; color:#bfbdbd;}
.searchbox .search input.key::placeholder{font-size:14px;color:#bfbdbd;}
/**search end**/
/******footer start*****/
.footer{ height:auto; overflow:hidden; border-top:11px solid #ce1d27; background:#323232; margin-top: 10px;}
.footer-nav { line-height:58px; text-align:center; border-bottom:1px solid #212121; color:#fff; font-size:16px;}
.footer-nav a{ color:#ffffff; font-size:16px; margin-right: 80px;}
.footer-content{ border-top:1px solid #555555; height:auto; overflow:hidden; padding-bottom:50px;}
.footer-left{ width:40.25%; padding-top:15px; margin-right:10px; height:auto; overflow:hidden; background:url(../images/footer-line.png) right no-repeat;}
.footer-logo{ height:auto; overflow:hidden;}
.footer-logo img{ float:left; margin-right:10px;}
.footer-left .footer-logo .text{ width:80%; color:#fff;}
.footer-left .footer-logo .text h3{ line-height:50px; font-size:30px;}
.footer-left .footer-logo .text p{ font-family:Arial; font-size:13px;}
.footer-left .footer-text{ padding-top:14px; line-height:30px; font-size:14px; color:#ffffff}
.footer-left .footer-text a{ font-size:14px; color:#ffffff}
.footer-center{ width:30.5%; padding-top:44px;background:url(../images/footer-line.png) right no-repeat; margin-left:3.8%; height:auto; overflow:hidden; padding-bottom:15px;}
.footer-center p{ line-height:40px; font-size:14px; color:#ffffff; }
.footer-center p img{ float:left; margin-right:20px; margin-top:10px;}
.footer-right{ width:18.75%; margin-left:3.5%; margin-top:48px;}
.footer-right img.mobile{ float:left; margin-right:7%;}
.footer-right .ewm{ width:53.3%}
.footer-right .ewm .pic{ padding:8px; border:1px solid #6F6F6F;}
.footer-right .ewm p{ line-height:30px; text-align:center; font-size:12px; color:#fff;}
.footer-copy{ height:40px; line-height:40px; text-align:center; background:#454545; font-size:14px; color:#ffffff}
.footer-copy a{ font-size:14px; color:#ffffff}
/******footer end****/