@charset "utf-8";
/* CSS Document */

/*header*/
.logo{ float:left; height:95px; line-height:95px; background:url(../images/logo.jpg) no-repeat center; width:508px; text-indent:-9999px;}
.logo a{ width:508px; height:95px; display:block;}
.lang{ float:right; margin-top:20px;}
.tel{ background:url(../images/tel.jpg) no-repeat left center; padding-left:35px; height:26px; line-height:26px; font-family:"微软雅黑"; font-size:18px; color:#5c6171; margin-bottom:10px; float:right;}
.lang_zh{ background:url(../images/zh.jpg) no-repeat center left; padding-left:20px; height:26px; line-height:26px; float:left; font-family:"微软雅黑"; font-size:14px; margin-right:20px;}
.lang_en{ background:url(../images/en.jpg) no-repeat center left; padding-left:20px; height:26px; line-height:26px; float:left; font-family:"微软雅黑"; font-size:14px; margin-right:20px; text-transform:uppercase;}

/*nav*/
.nav_bg{ width:100%; background:url(../images/nav_bg.png) no-repeat center top; height:64px; position:absolute; z-index:2;}
.nav_div{ float:left; font-family:"微软雅黑"; font-weight:bold; font-size:15px; height:64px; line-height:64px; width:133px; text-align:center; position:relative;}
.nav_div a,.nav_div a:link,.nav_div a:hover,.nav_div a:visited{ color:#fff; display:block;}
.nav_div .subnav{ width:210px; position:absolute; border-top:#c01119 3px solid; z-index:3; text-align:left; font-weight:normal; top:64px; display:none;}
.nav_div .subnav li{ border-bottom:1px solid #3B3B3B;}
.nav_div .subnav li a{ padding:14px 30px; width:150px; height:20px; line-height:20px; background:rgba(41, 41, 41,.8); display:block; font-size:13px; transition:all 0.2s ease-out 0s; color:#888; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1); color:#fff; font-family:"微软雅黑";}
.nav_div .subnav li:hover a{ text-indent:10px;}

/*search*/
.search_box{ float:right; height:26px; line-height:26px;}
.search_input{ width:100px; border:none; line-height:26px; font-family:"微软雅黑"; font-size:12px; background:#f1f1f1; text-indent:10px; color:#888;}
.search_submit{ width:26px; height:26px; border:none; background:#2f318b; text-align:center; line-height:26px; color:#fff; font-size:15px !important;}

/*banner*/
.mBan { overflow:hidden; margin-top:56px; width:100%; height:608px;}
.mBan .slideBox{ width:100%; position:relative; overflow:hidden; height:608px;}

.mBan .slideBox .hd{ height: 12px; position: absolute; bottom:4%; z-index: 1; width:100%; text-align:center; left:0;}
.mBan .slideBox .hd span{ width: 12px; height: 12px; background:#ccc; cursor: pointer; margin:0 5px; display:inline-block; overflow:hidden; border-radius:12px;}
.mBan .slideBox .hd span.on{ background:#d81b39; text-align:center;}

.mBan .slideBox .bd{ position:relative; z-index:0; height:608px;}
.mBan .slideBox .bd ul,.slideBox .bd ul li{width:100%!important; list-style:none; height:608px;}
.mBan .slideBox .bd image{ width:100%;  display:block;  }


/*index*/
.i_title{ background:url(../images/i_title_bg.png) no-repeat center; color:#2f318b; height:34px; line-height:34px; font-family:"微软雅黑"; font-size:26px;}
.i_news_bg{ background:url(../images/i_pro_bg.jpg) no-repeat center bottom;}
.i_news_box{ overflow:hidden;}
.i_news_btn{ width:250px; float:left;}
.i_news_btn ul li{ width:250px; height:125px; background:#f2f3f5; text-align:center; line-height:125px; font-family:"微软雅黑"; font-size:15px; color:#30328c; cursor:pointer;}
.i_news_btn ul li i{ color:#30328c; font-size:30px !important; vertical-align:middle; margin-right:10px;}
.i_news_btn ul li.on{ background:#30328c; color:#fff;}
.i_news_btn ul li.on i{ color:#fff;}
.i_news_r{ width:918px; float:right;}
.i_news_top{ position:relative; float:left;}
.i_news_top img{ display:block;}
.i_news_top div{ position:absolute; width:100%; bottom:0; height:48px; line-height:48px; background:rgba(48,50,120,.6); text-indent:20px; color:#fff; font-family:"微软雅黑"; font-size:14px;}
.i_news_list{ margin-left:20px; float:left; width:530px;}
.i_news_list ul li{ line-height:41px;}
.i_news_title{ font-family:"微软雅黑"; font-size:15px; float:left; color:#000; background:url(../images/icon1.gif) no-repeat left center; text-indent:16px;}
.i_news_date{ float:right; font-family:"微软雅黑"; font-size:15px; color:#aaa;}

.i_pro_warp .bd{ float:left;}
.i_pro_warp .bd ul li{ float:left; border:5px solid #30328c; position:relative; margin:0 10px;}
.i_pro_warp .bd ul li div{ position:absolute; bottom:0; width:100%; height:44px; line-height:44px; background:rgba(48,50,140,.7); text-align:center; color:#fff; font-family:"微软雅黑"; font-size:14px;}
.i_pro_warp .bd ul li img{ display:block;}
.i_pro_warp i{ font-size:36px !important; color:#30328c; margin-top:100px; cursor:pointer;}
.i_pro_warp .fan{transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}

.i_video_warp{ float:left; width:500px; height:330px; text-align:center; background:#2f318b;}
.i_video_warp h1{ color:#fff; font-family:"微软雅黑"; font-size:22px; font-weight:normal; margin-top:25px;}
.i_about_warp{ float:right; width:660px;}
.i_about_title{ height:40px; line-height:40px; color:#444; font-family:"微软雅黑"; font-size:22px;}
.i_about_title i{ font-size:30px !important; color:#2f318b; vertical-align:middle; margin-right:10px;}
.i_about_warp p{ font-family:"微软雅黑"; font-size:14px; line-height:30px; color:#444; margin-top:20px; margin-bottom:20px;}
.i_about_more{ width:85px; height:32px; border-radius:4px; border:1px solid #2f318b; text-align:center; line-height:32px; font-family:"微软雅黑"; font-size:14px;}
.i_about_more a{ display:block;}
.i_about_more a,.i_about_more a:link,.i_about_more a:hover,.i_about_more a:visited{ color:#2f318b;}
.i_three_warp{ width:33.3%; float:left;}
.i_three_box{ margin:15px;}

/*bottom*/
.bot_nav{ width:100%; height:96px; background:url(../images/bot_nav.jpg) no-repeat center;}
.bot_div{ margin-top:26px;}
.bot_div div{ float:left; height:70px; line-height:70px; font-family:"微软雅黑"; font-size:15px; margin:0 32px;}
.bot_div div a,.bot_div div a:link,.bot_div div a:hover,.bot_div div a:visited{ color:#fff; display:block;}
.bot_contact{ width:100%; height:280px; background:#353535;}
.bot_contact_div{ float:left; line-height:20px; color:#fff; font-family:"微软雅黑"; font-size:16px; width:360px; margin:10px 0; white-space: nowrap; display: flex; align-items: center;}
.bot_contact_div .txt {display: inline-block; width: calc(100% - 56px);}
.bot_contact_icon{ width:46px; height:46px; text-align:center; line-height:46px; background:#e62129; border-radius:30px; margin-right:15px; display: inline-block;}
.bot_contact_icon i{ color:#fff; font-size:22px;}
.code{ width:110px; text-align:center; line-height:22px; font-family:"微软雅黑"; font-size:14px; color:#ccc; margin:0 15px; margin-top:60px;}
.copyright{ text-align:center; font-family:"微软雅黑"; font-size:14px; color:#fff; background:#222; width:100%; line-height:24px; padding:10px 0;}
.copyright a,.copyright a:link,.copyright a:hover,.copyright a:visited{ color:#fff;}

/*list*/
.pro_nav_warp{ width:20%; float:left;}
.pro_nav_box{ margin:10px 10%; text-align:center; line-height:45px; height:45px; background:url(../images/pro_nav.jpg) repeat-x; border:1px solid #eee; border-radius:6px; font-family:"微软雅黑"; font-size:15px;}
.pro_nav_on{ background:url(../images/pro_nav_on.jpg) repeat-x !important;}
.pro_nav_on a,.pro_nav_on a:link,.pro_nav_on a:hover,.pro_nav_on a:visited{ color:#fff;}
.pro_nav_box a{ display:block;}
.pro_nav{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee; overflow:hidden;}

.single_title{ font-family:"微软雅黑"; font-size:48px; color:#444; letter-spacing:10px; text-align:center; margin-bottom:20px;}
.line{ width:80px; height:5px; margin:0 auto; background:#30328c;}

/*about*/
.about_style{ line-height:30px; font-family:"微软雅黑"; font-size:14px; color:#444;}
.about_bg{ background:url(../images/about_bg.jpg) no-repeat center top; width:100%;}
.history_p{ font-family:"微软雅黑"; font-size:15px; color:#444;}

.event_box{width:60%;margin:3% auto 0;position:relative;min-height:290px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;font-size:16px;color:#000;margin:0 15px;position:relative; font-family:"微软雅黑"; padding:10px 16px; margin-top:20px; background:#30328c; border-radius:10px; color:#fff;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-30px;left:50%;margin-left:-12px;}
.parBd{ text-align:center; margin-top:60px; width:100%;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto; font-family:"微软雅黑";}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px; cursor:pointer;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-30px;left:31px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}

.history_item{ display:table; width:100%; float:left; background:url(../images/history_line.png) center center repeat-y;}
.history_item .logo_column{ display:table-column; width:100%; float:left; background:url(../images/logo_small.png) center center no-repeat;}
.history_item .logo_column .cell{ display:table-cell; width:50%; vertical-align:middle; padding:20px 45px 20px 55px;}
.history_item .logo_column .history_title{ font-size:16px; color:#444; font-weight:bold;}
.history_item .logo_column .history_content{ padding-left:50px;}
.history_item .logo_column .history_content .history_box {width:470px;float:left; font-size:14px; line-height:24px; color:#444;background-color: #EFEFEF;padding:15px 20px;border-radius: 5px;position: relative; font-family:"微软雅黑"; letter-spacing:1px;}
.history_item .logo_column .history_content .history_left:after {content: '';position: absolute;left: -10px;top:30%;border-right: 10px solid #EFEFEF;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-radius: 0px;}
.history_item .logo_column .history_content .history_right:after {content: '';position: absolute;right: -10px;top:30%;border-left: 10px solid #EFEFEF;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}

/*pro_list*/
.pro_list_warp{ width:33.3%; float:left; box-sizing:border-box;}
.pro_list_box{ border:1px solid #eee; box-sizing:border-box; margin:10px;}
.pro_list_box img{ width:96%; margin:2%;}
.pro_list_title{ line-height:40px; height:40px; text-align:center; font-size:15px; font-family:"微软雅黑"; margin-bottom:10px;}
.pro_list_box:hover{ border:1px solid #4f52d8;}

.probox {width:33.3%; float:left;}
.probox_pad {margin:0 25px;}
.probox img {width:344px; display:block;}
.probox .pic {position:relative; margin-bottom:45px; text-align:center;}
.probox .pic1 img, .probox .pic2 img {opacity:0;}
.probox .pic1 {width:344px; border:1px solid #30328c; position:relative; z-index:1;}
.probox .pic2 {width:344px; border:1px solid #79b90f; position:absolute; top:28px; left:28px; background:#79b90f; z-index:2;}
.probox .pic3 {width:344px; position:absolute; z-index:3; background:#fff; top:14px; left:14px; border:1px solid #dedede;}
.probox .pic1 {border:1px solid #30328c;}
.probox .pic2 {border:1px solid #eee; background:#eee;}
.probox .word {position:relative; height:74px;}
.probox .word .con .h1 {padding-top:7px;}
.probox .word .con .h1, .pro_part .word .con .h2 {font-size:16px; height:48px; line-height:24px; overflow:hidden; margin-top:5px; font-family:"微软雅黑"; font-weight:normal; color:#444;}
.probox .word .con .h2 {font-size:14px; color:#6f6f6f;}
.probox .word .con .h3 {position:absolute; top:0; right:0;}
.probox:hover .pic2 {top:0; left:0; box-shadow:0 1px 20px rgba(0,0,0,.125);}
.probox:hover .pic3 {top:0; left:0;}

/*pro_msg*/
.pro_pic_warp{ width:40%; float:left;}
.pro_pic_box{ border:1px solid #ddd; padding:10px; box-sizing:border-box;}
.pro_pic_box img{ width:100%; display:block;}
.pro_title_box{ float:left; margin-left:20px;}
.pro_catename{ color:#2f318b; font-family:"微软雅黑"; font-size:22px; line-height:40px;}
.pro_title{ font-family:"微软雅黑"; font-size:24px; line-height:40px; color:#666;}
.pro_contact{ background:#30328c; text-align:center; width:185px; height:50px; line-height:50px; font-family:"微软雅黑"; color:#fff; font-size:16px; border-radius:30px; margin-top:20px;}
.pro_contact i{ margin-right:10px; font-size:24px; vertical-align:middle;}
.pro_contact a,.pro_contact a:link,.pro_contact a:hover,.pro_contact a:visited{ color:#fff; display:block;}

.pro_q_title{ border-left:3px solid #30328c; line-height:34px; font-family:"微软雅黑"; font-size:18px; text-indent:10px; margin-bottom:20px;}
.pro_q_con{line-height:30px; font-family:"微软雅黑"; font-size:15px; color:#444;}
.pro_q_con p{ line-height:30px; }

.pro_table table{ width:100% !important; border:1px solid #ddd; font-family:"微软雅黑"; font-size:14px; color:#444; line-height:40px;}
.pro_table table tr{ border-bottom:1px solid #ddd;}
.pro_table table tr td{ border-right:1px solid #ddd; padding-left:20px; padding-right:20px;}

.pro_q_con table{ width:100% !important; border:1px solid #ddd; font-family:"微软雅黑"; font-size:14px; color:#444; line-height:40px;}
.pro_q_con table tr{ border-bottom:1px solid #ddd;}
.pro_q_con table tr td{ border-right:1px solid #ddd; padding-left:20px; padding-right:20px;}

/*news_list*/
.newsli {background:#eee;}
.newsli_even {background:#fff;}
.newspad {padding:5px;}
.newsheight {height:172px; overflow:hidden;}
.newsliin {position:relative;}
.news_next {width:45px; height:71px; overflow:hidden; background:url(../images/next.png) no-repeat right center; position:absolute; top:50%; margin-top:-35px; right:30px;}
.newsliin a {display:block; width:100%;}
.newsliin .img {position:absolute; top:0; left:0;}
.newsliin .word {padding-left:10px; padding-right:150px; padding-top:20px;}
.newsliin .word_pad {padding-left:280px;}
.newsliin .word .h1 {height:42px; overflow:hidden; color:#000; line-height:42px; border-left:5px solid #30328a; padding-left:10px; font-size:18px; margin-bottom:10px; font-family:"微软雅黑";}
.newsliin .word .h2 {color:#9b9b9b; height:44px; overflow:hidden; line-height:22px; font-size:14px; font-family:"微软雅黑";}
.newsliin .word .h3 {margin-top:10px; color:#9b9b9b; font-family:"微软雅黑";}
.newsli:hover {background:#30328a;}
.newsli:hover .img img {transform:scale(0.96,0.96);}
.newsli:hover .word .h1 {border-left:5px solid #000; text-indent:8px; color:#fff;}
.newsli:hover .word .h2 {color:#fff;}
.newsli:hover .word .h3 {color:#fff;}
.newsli:hover .news_next {right:22px;}

/*news_msg*/
.news_msg_title{ font-family:"微软雅黑"; font-size:20px; line-height:28px; padding:20px 0;}
.news_msg_date{ margin-bottom:20px; overflow:hidden;}
.news_msg_date span{ float:left; font-family:"微软雅黑"; font-size:14px; color:#888; margin-right:10px; line-height:20px;}
.news_msg_con p{ font-family:"微软雅黑"; font-size:13px; color:#444; line-height:24px; margin:15px 0; text-align:left;}
.news_msg_con{ text-align:center;}
.news_msg_con b{ text-align:center; font-family:"微软雅黑"; color:#444; font-size:14px;}
.news_msg_hits{ font-family:"微软雅黑"; font-size:14px; color:#888; margin-top:20px;}
.news_pager{ line-height:30px; font-family:"微软雅黑"; font-size:14px;}

/*大层*/
.pb_container{width:100%;margin: 0 auto;}
/*瀑布流层*/
.pb_waterfall{
	-moz-column-count:4; /* Firefox */
	-webkit-column-count:4; /* Safari 和 Chrome */
	column-count:4;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;
}
/*一个内容层*/
.pb_item{
	padding: 1em;
	margin: 0 0 1em 0;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	border: 1px solid #ddd;
	border-radius:6px;
}
.pb_item:hover{ box-shadow:0 0 10px #ccc; border:1px solid #5b5dd0;}
.pb_item p{ font-family:"微软雅黑"; font-size:14px; color:#444; line-height:18px;}
.pb_item img{
	width: 100%;
	margin-bottom:10px;
}

/*special*/
.quality_warp{ width:25%; float:left;}
.quality_box{ width:90%; margin:0 5%; height:200px; text-align:center; color:#fff; font-family:"微软雅黑"; font-size:14px; line-height:26px;}
.quality_box i{ font-size:50px !important; color:#fff;}
.quality1{ background:#00a0e9;}
.quality2{ background:#80c269;}
.quality3{ background:#ec6941;}
.quality4{ background:#5f52a0;}

.business_warp{ float:left; width:50%; cursor:pointer;}
.business_box{ margin:0 15px 20px; position:relative;}
.business_title{ height:62px; border:1px solid #ccc; position:relative; width:100%;}
.business_icon{ color:#fff; font-size:15px; width:26px; height:26px; line-height:26px; position:absolute; top:50%; margin-top:-13px; left:18px; overflow:hidden; text-align:center; border-radius:50%;}
.business_icon1{ background:#ed1f23;}
.business_icon2{ background:#30328c; top:3px; margin-top:0;}
.business_b{ padding:0 60px; font-size:15px; height:62px; line-height:20px; display:table-cell; vertical-align:middle; font-family:"微软雅黑";}
.business_btn{ font-size:16px; width:32px; height:32px; border:1px solid #ccc; border-radius:50%; overflow:hidden; position:absolute; top:50%; margin-top:-17px; right:18px; text-align:center;}
.business_btn span{ display:block;}
.business_btn span i{ position:relative; top:9px;}
.business_con{ width:100%; background:#fff; border:1px solid #ccc; border-top:0; overflow:hidden; position:absolute; top:63px; left:0; z-index:10; font-size:15px; line-height:24px; display:none;}
.business_pad{ padding:15px 0 25px;}
.business_pp{ position:relative; padding-right:15px;}
.business_pp p{ padding-left:60px; font-family:"微软雅黑";}
.business_on .business_btn{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.business_box:hover .business_title{ border:1px solid #2f338e;}
.business_box:hover .business_con{ border:1px solid #2f338e; border-top:0;}
.business_on .business_con{ display:block;}

.honor_list_warp{ width:25%; float:left; box-sizing:border-box; margin-bottom:30px;}
.honor_list_box{ background:url(../images/honor_bg.jpg) no-repeat center bottom; padding-bottom:40px; box-sizing:border-box; margin:10px;}
.honor_list_box img{ width:96%; margin:2%;}
.honor_list_title{ line-height:20px; height:40px; text-align:center; font-size:13px; font-family:"微软雅黑"; margin:0 4%; margin-bottom:10px;}

.special_style{ line-height:30px; font-family:"微软雅黑"; font-size:14px; color:#444;}

/*contact*/
.contact_l{ width:55%; float:left;}
.contact_r{ width:40%; float:right;}
.contact_style{ line-height:30px; font-family:"微软雅黑"; font-size:14px; color:#444;}
.book_warp{ margin-top:30px; margin-bottom:30px; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.book_box{ padding:40px 30px;}
.book_input_fl{ float:left;}
.book_input_fr{ float:right;}
.book_input_fl,.book_input_fr{ width:49%;}
.book_input{ padding-bottom:10px;}
.book_input div{ font-size:14px; padding-bottom:5px; font-family:"微软雅黑"; color:#444;}
input[type="text"].book_input2, textarea.book_input2{ border:1px solid #ddd;}
textarea.book_input2{ height:200px;}
textarea.gtext{ min-height:80px; padding:4px 8px; line-height:22px;}
input[type="text"].ginput, input[type="email"].ginput, input[type="number"].ginput{ min-height:38px; padding:0 8px;}
input[type="text"].ginput, input[type="email"].ginput, input[type="number"].ginput, textarea.gtext{ width:100%; box-sizing:border-box;}
button[type="submit"], input[type="submit"]{ cursor:pointer;}
.book_button{ height:56px; width:100%; text-align:center; font-family:"微软雅黑"; font-size:15px; color:#fff; background:#30328c; border:none;}
.book_p{ font-size:12px; line-height:24px; padding:20px 0; color:#444; font-family:"微软雅黑";}

/*pager*/
.pagelist {margin:20px auto;}
.pagelist .aa, .pagelist .bb, .page_front, .page_back, .page_first, .page_last {font-size:12px; width:25px; height:25px; line-height:27px; overflow:hidden; display:block; text-align:center; margin:0 3px;}
.pagelist .aa {background:#686868; color:#fff; border:1px solid #d2d2d2;} /*2 color-on*/
.pagelist .bb {background:#ffffff; color:#464646; border:1px solid #d2d2d2;} /*3 color-off*/
.pagelist .aa:hover {background:#686868; color:#fff; text-decoration:none;}
.pagelist .bb:hover {background:#686868; color:#fff; text-decoration:none;} /*1 color-hover*/
.page_front, .page_back, .page_first, .page_last {width:55px; background:#fff; color:#464646; border:1px solid #d2d2d2;}
.pagelist .page_front:hover, .pagelist .page_back:hover, .pagelist .page_first:hover, .pagelist .page_last:hover {background:#686868; color:#fff; text-decoration:none;}