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

}


*{ 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%}

.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:40%; padding-left:1%; padding-top:8px}

.logo-des h2{ font-size:26px; 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:13.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:36px; 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;}

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

.footer-content{ border-top:1px solid #555555; height:auto; overflow:hidden; padding-bottom:50px;}

.footer-left{ width:26.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:57%; color:#fff; margin-top: 4%;}

.footer-left .footer-logo  .text h3{ line-height:30px; font-size:16px;}

.footer-left .footer-logo  .text p{ font-family:Arial; font-size:2px;}

.footer-left .footer-text{ padding-top:16px; line-height:30px; font-size:14px; color:#ffffff}

.footer-left .footer-text a{ font-size:14px; color:#ffffff}

.footer-center{ width:46.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****/