/****************************************************************************
CSS RESET
****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;vertical-align: baseline;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }


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

.transition_1{-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;}

.shadowbox_0{ 
-webkit-box-shadow: 5px 0px 8px #333;
-moz-box-shadow: 5px 0px 8px #333;
box-shadow: 5px 0px 8px #333;}
.shadowbox_1{ 
-webkit-box-shadow: 5px 5px 8px #ddd;
-moz-box-shadow: 5px 5px 8px #ddd;
box-shadow: 5px 5px 8px #ddd;}
.shadowbox_2{ 
-webkit-box-shadow: 0px 0px 8px #ddd;
-moz-box-shadow: 0px 0px 8px #ddd;
box-shadow: 0px 0px 8px #ddd;}

.shadowbox_3{ 
-webkit-box-shadow: 0px 0px 8px #ccc;
-moz-box-shadow: 0px 0px 8px #ccc;
box-shadow: 0px 0px 8px #ccc;}

.alpha_1{filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;}
.alpha_2{filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;}
.alpha_3{filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;}

.radius_1{ -moz-border-radius: 50%; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 50%; /* Webkit浏览器的私有属性 */ 
border-radius: 50%;}
.radius_2{ -moz-border-radius: 8px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 8px; /* Webkit浏览器的私有属性 */ 
border-radius: 8px;}

.no-bg{ background: none; }
.no-margin{ margin: 0!important; }

/************************************************************/
*{padding:0; margin:0;}
html, body{font-family: "Microsoft Yahei", "微软雅黑", "黑体", "宋体","Arial", "sans-serif"; color:#323333; min-width:960px; width:100%; font-size: 14px;}
body .cormorant-regular{
	font-family: "Cormorant-Regular";
}
body .freight-big-book{
	font-family: "FreightBigBook";
}
body .cai978{
	font-family: "033-CAI978_0";
}

.page-content{ max-width: 1920px; min-width: 1440px; margin:0 auto; position: relative; }
.container-fluid{ margin: 0px auto; }
.container-fluid .row{  width:70% !important;margin:0 auto; }
/* .page-md .row{ width: 70% !important; margin:0 auto;  } */
.page-md .nav-menu .row{ max-width:1780px; }
.b-image{ width: 100%; }
.b-image img{ display: block; width: 100%; }

.section-video{ margin-top: 0px; padding-top: 50px;padding-right: 0; padding-left: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; text-align: center; background-color: #e4e4e4;}
.section-video img{ display: block; margin: 0; padding: 0; width: 100%; }
.ctl-play{ position: absolute; width: 100%; cursor: pointer;}
.ctl-play .glyphicon-play-circle:before{ color: #efefef; font-size: 180px;}
.ctl-loading{ position: absolute; width: 100%; cursor: pointer; display: none; text-align: center; color: #efefef; font-size: 38px;}
#video_box{ margin:0px auto; cursor: pointer; display: none;}

/*导航菜单开始*/
.nav-height{ height: 120px; }
.menu-items{
	width: 100%;
	height: 65px;
}
.nav-menu{ background: url(../image/nav-bg.png) no-repeat;background-size: cover; position: fixed;top: 0;left: 0; width: 100%; z-index: 99999;height: 120px; }
.nav-contact{ text-align: right; font-size: 14px; color: #030151;    line-height:55px;height:55px; }
.nav-contact img{ display: inline-block; margin-right: 20px; vertical-align: middle; }
.nav-contact .c-email{ margin-left: 35px;margin-right: 44px;}
.nav-contact .menu-items{ height: 65px; }
.menu-items .menu-logo{ display: block; float: left; height: 65px; line-height:65px; }
.menu-logo img{ display: inline-block; vertical-align: middle; }
.nav-menu .item-list{ height: 65px; list-style: none; float: right; font-size: 0px; }
.nav-menu .item-list li{ list-style: none; height: 65px; display: inline-block; font-size: 18px; color: #ffffff; text-align: center; position: relative; }
.nav-menu .item-list a,.nav-menu .item-list a:link,.nav-menu .item-list a:visited,.nav-menu .item-list a:active,.nav-menu .item-list a:hover{ color: #ffffff; text-decoration: none; }
.nav-menu .item-list a{ display: block; width: 100%; height: 100%; padding-top: 18px; }
.item-list .i-home{ width: 100px; }
.item-list .i-about{ width: 155px; }
.item-list .i-product,.item-list .i-news,.item-list .i-resources,.item-list .i-contact{ width: 155px; }
.item-list .a-active,.item-list li:hover a.a-menu{ background: #2f328f;
	 /* background: url(../image/nav-item-bg.png) no-repeat; */
	 }
.i-home .a-active,.i-home:hover{ background: url(../image/nav-item-bg.png) no-repeat; }
.item-list .sub-items{ position: absolute; list-style: none; width: 100%; background: url(../image/sub-item-bg.png) repeat-y; margin-top:0px; padding: 0; display: none; background-color: #192638; }
.item-list .sub-items .empty{ height: 10px; background: #192638; margin: 0; }
.item-list .sub-items li{ list-style: none; display: block; height: auto; padding: 6px 0; margin-bottom: 10px; text-align: left; }
/* .item-list .sub-items li:nth-last-child(2){ margin-bottom: 0; } */
.item-list .sub-items a{ padding: 0; padding-left: 35px; }
.item-list .sub-items .sub-active,.item-list .sub-items a:hover{ background: url(../image/sub-item-active.png) left 50% no-repeat; }
.item-list li:hover .sub-items{ display: block; }
.is-fixed { animation: m 1.0s ease forwards; -webkit-animation: m 1.0s ease forwards; }
.i-product .sub-items{ width: 300px; text-align: left; }
/*导航菜单结束*/

/*底部开始*/
.page-footer{ width: 100%; margin: 0px auto; height: 468px; background: url(../image/footer-bg.jpg) center no-repeat; }
.page-footer .footer-row{ max-width: 1325px; }
.footer-content{ height: 300px; margin-top: 50px; }
.footer-content .content-left{ width: 465px; float: left; }
.footer-logo{ display: block; }
.footer-contact{ margin-top: 40px; color: #ffffff; font-size: 15px; }
.footer-contact li{ margin-bottom: 15px; }
.footer-social-icons{ font-size: 0; margin-top: 25px; }
.footer-social-icons span{ display: inline-block; background: url(../image/social-icons.png) no-repeat; }
.footer-social-icons .i-wechat{ background-position: 0 0; width: 45px; height: 37px; }
.footer-social-icons .i-weibo{ background-position: -67px 0; width: 45px; height: 37px; margin-left: 28px; }
.footer-social-icons .i-qq{ background-position: -140px 0; width: 45px; height: 37px; margin-left: 28px; }
.content-right{ width: 765px; min-height: 230px; border-left: 2px solid #ffffff; float: right; }
.content-right .footer-nav{ float: right; width: 726px; font-size: 0; }
.footer-nav-item{ display: inline-block; vertical-align: top; margin-right: 22px; }
.footer-nav li a{ color: #fff; font-size: 18px; text-decoration: none; }
.footer-nav li a:hover{color: #fff;}
.footer-nav li i{ display: inline-block; margin-left: 25px; }
.footer-nav li i.glyphicon-menu-right:before{ color: #ffffff; font-size: 13px; }
.footer-sub-items li{ margin-top: 20px; display: block; }
.footer-sub-items li a{ font-size: 15px; color: #ffffff; text-decoration: none; }
.footer-sub-items li a:hover{color: #fff;}
.footer-copy-right{ text-align: right; margin-top: 40px; font-size: 13px; color: #ffffff; }
.footer-copy-right a{ color: #fff;}
/*底部结束*/

.sub-menus{ border-bottom: 1px solid #8c9cff; }
.sub-menus .row{ position: relative; }
.sub-menus .sub-right{ position: absolute; right: 0; font-size: 17px; top: 0; padding: 25px 0px 25px 35px; }
.sub-menus .sub-right a,.sub-menus .sub-right a:link,.sub-menus .sub-right a:visited,.sub-menus .sub-right a:active,.sub-menus .sub-right a:hover{ font-size: 17px; color: #333333; text-decoration: none; }
.sub-menus ul{ display: block; list-style: none; background: url(../image/icon-logo.png) no-repeat left center; font-size: 0; padding: 25px 0px 25px 35px; }
.sub-menus ul li{ display: inline-block;cursor: pointer; }
.sub-menus ul li{ padding: 0 35px; border-right: 1px solid #727272; }
.sub-menus ul li:first-child{ padding-left: 0; }
.sub-menus ul li:last-child{ border-right:none; }
.sub-menus ul li a,.sub-menus ul li a:link,.sub-menus ul li a:visited,.sub-menus ul li a:active,.sub-menus ul li a:hover{ color: #333333; text-decoration: none; font-size: 17px; }
.sub-menus ul li a.sm-active,.sub-menus ul li a:hover{ color: #6077ff; }