@charset "utf-8";
/* CSS Document */
/*Banner*/
.index_banner{ height:700px; background-repeat:no-repeat; background-position:center center; overflow:hidden; margin-top:94px;}
.index_banner .index_con{}
.index_banner .index_con .index_left{ max-width:460px; margin-top:232px;}
.index_banner .index_con .index_left h2{ font-size:35px; color:#fff; padding-bottom:30px;}
.index_banner .index_con .index_left p{ font-size:16px; color:#fff; line-height:28px;}
.index_banner .index_con .index_left a{ display:block; width:150px; height:40px; text-align:center; line-height:40px; background:#626262; border-radius:30px; margin-top:45px;}
.index_banner .index_con .index_left a span{ display:inline-block; width:35px; height:12px; background:url(../arrow.png) no-repeat center; vertical-align:middle; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.index_banner .index_con .index_left a:hover{ background:#004694;}
.index_banner .index_con .index_left a:hover span{ margin-left:15px;}
.index_banner .index_con .index_right{ max-width:495px; margin-top:30px;}
.index_banner .index_con .index_right img{ max-width:100%; max-height:100%;}

.index_banner .flexslider{position:relative; width:1200px;height:700px; margin:0 auto;overflow:hidden;zoom:1;}
.index_banner .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.index_banner .flexslider .slides{zoom:1;}
.index_banner .flexslider .slides li{ display:none;}
.index_banner .flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:none;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.index_banner .flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.index_banner .flex-direction-nav .flex-prev{left:0;}
.index_banner .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.index_banner .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.index_banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.index_banner .flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center;}
.index_banner .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.index_banner .flex-control-paging li a{background:#6f686b;display:block;height:12px;overflow:hidden;text-indent:-99em;width:12px;cursor:pointer; border-radius:50%;}
.index_banner .flex-control-paging li a.flex-active{ background:#004694;}

.solution{ height:746px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.solution h2{ font-size:32px; color:#18191b; text-align:center; padding-top:70px; font-weight:bold;}
.solution h4{ font-size:14px; color:#18191b; text-align:center; padding-top:5px;}
.solution .slides li{ background:#fff;float:left;height:387px; margin-right:50px;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.solution .slides li b{ display:block; width:100%; height:318px; text-align:center; overflow:hidden; line-height:318px;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.solution .slides li b img{ max-width:100%; max-height:100%;}
.solution .slides li span{ display:block; width:100%; text-align:center; line-height:67px; border-top:1px solid #d8d8d8; font-size:16px; color:#333333;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.solution .slides li:hover span{ height:86px; line-height:86px; color:#004694;}
.solution .slides li:hover b{ height:300px; line-height:300px; color:#004694;}
.solution .slides li:hover{-webkit-box-shadow:4px 4px 10px #afafaf; -ms-box-shadow:0 4px 10px #afafaf; -o-box-shadow:0 4px 10px #afafaf;box-shadow:0 4px 10px #afafaf;}
.solution .solu_btn{ display:block; margin:0 auto; margin-top:62px; width:148px; height:38px; text-align:center; line-height:38px; border:1px solid #878787; border-radius:30px;}
.solution .solu_btn span{display:inline-block; width:35px; height:12px; background:url(../gray_arrow.png) no-repeat center/cover; vertical-align:middle; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.solution .solu_btn:hover{ background:#004694;}
.solution .solu_btn:hover span{ margin-left:15px;background:url(../arrow.png) no-repeat center;}

.solution .flexslider{position:relative;width:1200px; margin:0 auto; height:387px; zoom:1; margin-top:55px;}
.solution .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.solution .flexslider .slides{zoom:1;}
.solution .flex-direction-nav a{width:47px;height:47px;line-height:99em;overflow:hidden; display:block;position:absolute;top:50%; margin-top:-28.5px;z-index:10;cursor:pointer; -webkit-transition:all .3s ease;}
.solution .flex-direction-nav .flex-next{right:-106px; background:url(../right.png) no-repeat -47px;}
.solution .flex-direction-nav .flex-prev{left:-106px;background:url(../left.png) no-repeat;}
.solution .flexslider .flex-next:hover { background:url(../right.png) no-repeat;}
.solution .flexslider .flex-prev:hover{ background:url(../left.png) no-repeat -47px center;}
.solution .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center; display:none;}


.index_about{}
.index_about h2{font-size:32px; color:#18191b; text-align:center; padding-top:70px; font-weight:bold;}
.index_about h4{ font-size:14px; color:#18191b; text-align:center; padding-top:5px;}
.index_about .about_con{  margin-top:65px; padding-bottom:85px;}
.index_about .about_con .about_left{ width:565px;}
.index_about .about_con .about_left h5{ font-size:24px; color:#333333; font-weight:bold;}
.index_about .about_con .about_left h6{ font-size:18px; color:#333333; padding-top:10px;}
.index_about .about_con .about_left>i{ width:47px; height:2px; background:#878787; display:block; margin-top:15px;}
.index_about .about_con .about_left .con{ height:84px; overflow:hidden; font-size:14px; color:#787777; line-height:28px; margin-top:38px; text-indent:2em;} 
.index_about .about_con .about_left a{display:block; margin-top:50px; width:148px; height:38px; text-align:center; line-height:38px; border:1px solid #878787; border-radius:30px;}
.index_about .about_con .about_left a span{display:inline-block; width:35px; height:12px; background:url(../gray_arrow.png) no-repeat center; vertical-align:middle; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.index_about .about_con .about_left a:hover{ background:#004694;}
.index_about .about_con .about_left a:hover span{ margin-left:15px;background:url(../arrow.png) no-repeat center;}

.index_about .about_con .about_right{ width:550px; position:relative;}
.index_about .about_con .about_right .img{ position:relative;}
.index_about .about_con .about_right .img b{ display:block; width:449px; height:288px; background:#dfdfdf; position:absolute; bottom:0; right:0; z-index:1;}
.index_about .about_con .about_right .img img{ width:464px; height:297px; bottom:10px; right:10px; position:relative; z-index:2; float:right;}
.index_about .about_con .about_right .img i{ display:block; width:464px; height:297px; bottom:22px; right:22px; position:absolute; z-index:3; border:2px solid #004694; border-left:none;}
.index_about .about_con .about_right .img i::before{ content:""; width:2px; height:90px; background:#014794; position:absolute; top:0; left:0;}
.index_about .about_con .about_right .img i::after{ content:""; width:2px; height:48px; background:#014794; position:absolute; bottom:0; left:0;}

.index_about .about_con .about_right ul{ position:absolute; z-index:4; left:0; top:70px; width:115px; height:156px;}
.index_about .about_con .about_right ul li{ height:38px; background:#343233; line-height:38px; margin-top:9px; text-align:center;}
.index_about .about_con .about_right ul li a{ display:block; font-size:14px; color:#fff;}
.index_about .about_con .about_right ul li a:hover{ display:block; background:#004694;}

.index_title{ padding-top:50px; padding-bottom:64px;text-align:center; color:#fff; background-repeat:no-repeat; background-position:center; background-size:cover;}
.index_title .title{ border:1px solid rgba(255,255,255,0.55); border-bottom:none; width:232px; height:40px; margin:0 auto; position:relative;}
.index_title .title h2{ padding-top:21px; font-size:22px;}
.index_title .title::before{ content:""; width:14px; height:1px; background:rgba(255,255,255,0.55); position:absolute; bottom:0; left:0;}
.index_title .title::after{ content:""; width:14px; height:1px; background:rgba(255,255,255,0.55); position:absolute; bottom:0; right:0;}
.index_title h3{ margin-top:40px; font-size:32px; font-family: 'Hero Light'; text-transform:uppercase;}
.index_title p{ margin-top:16px; font-size:12px; }

.index_news{ padding-bottom:60px;}
.index_news h2{font-size:32px; color:#18191b; text-align:center; padding-top:70px; font-weight:bold;}
.index_news h4{ font-size:14px; color:#18191b; text-align:center; padding-top:5px;}
.index_news .flexslider{position:relative;width:1200px; margin:0 auto; margin-top:65px;height:322px;overflow:hidden;zoom:1;}
.index_news .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.index_news .flexslider .slides{zoom:1;}
.index_news .flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:none;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.index_news .flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.index_news .flex-direction-nav .flex-prev{left:0;}
.index_news .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.index_news .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.index_news .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.index_news .flex-control-nav{width:100%;position:absolute;bottom:0px;text-align:center;}
.index_news .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.index_news .flex-control-paging li a{background:#dadada;display:block;height:12px;overflow:hidden;text-indent:-99em;width:12px;cursor:pointer; border-radius:50%;}
.index_news .flex-control-paging li a.flex-active{ background:#004694;}
.index_news .flexslider .slides li .news_list{ width:585px;float:left; }
.index_news .flexslider .slides li .news_one{margin-right:28px;}
.index_news .flexslider .slides li .news_list .news_con{ border:1px solid #ebebeb; padding:30px; border-bottom:none; box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
.index_news .flexslider .slides li .news_list .news_con h6{ padding-bottom:22px; font-size:18px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;-moz-binding: url(assets/xml/ellipsis.xml#ellipsis); }
.index_news .flexslider .slides li .news_list .news_con h6 a{ color:#333333;}
.index_news .flexslider .slides li .news_list .news_con h6 a:hover{ color:#004694;}
.index_news .flexslider .slides li .news_list .news_con p{ font-size:14px; color:#666666; line-height:28px; height:56px; overflow:hidden;}
.index_news .flexslider .slides li .news_list .time{ width:100%; height:72px; background:#ebebeb; color:#767676;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.index_news .flexslider .slides li .news_list .time .date{ float:left; padding-top:14px; margin-left:30px;}
.index_news .flexslider .slides li .news_list .time .date span{ font-size:26px; font-family: 'Hero Light'; display:block;}
.index_news .flexslider .slides li .news_list .time .date strong{ font-size:16px; font-family:"Times New Roman", Times, serif; display:block;}
.index_news .flexslider .slides li .news_list .time a{ display:block;color:#767676; width:100%;}
.index_news .flexslider .slides li .news_list .time .arr_right{ float:right; margin-right:30px; width:37px; height:37px; background:url(../arr.png) no-repeat center; background-size:cover; margin-top:18px;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.index_news .flexslider .slides li .news_list .time:hover{ background:#004694;}
.index_news .flexslider .slides li .news_list .time:hover a{ color:#fff;}
.index_news .flexslider .slides li .news_list .time:hover .arr_right{background:url(../arr2.png) no-repeat center;}


/*product*/
.pro_banner{ height:375px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:94px;}

.product{ width:1200px; margin:0 auto; position:relative;}
.product .pro_title{ display:inline-block; height:68px; line-height:68px; padding:0px 20px; background:rgba(0,70,148,0.7); position:absolute; top:-68px; left:0; z-index:2; }
.product .pro_title span{ font-size:24px; color:#fff; font-weight:bold; }
.product .pro_title i{ font-size:16px; color:#fff; padding-left:10px; font-weight:bold; }
.product .pro_nav{ padding-top:40px; overflow:hidden;}
.product .pro_nav a{ display:inline-block; width:120px; height:38px; line-height:38px; text-align:center; border:1px solid #d9d9d9; margin-right:12px; color:#5a5a5a; overflow:hidden;position: relative;}
.product .pro_nav a.last{ margin-right:0px; }
.product .pro_nav a:hover{ background:#004694; border:1px solid #004694; color:#fff;}
.product .pro_nav a.active{ background:#004694; border:1px solid #004694; color:#fff;}
.product .pro_con{ margin-top:40px; min-height:500px;}
.product .pro_con ul li{ width:368px; border:1px solid #e5e5e5; float:left; margin-right:43px; margin-bottom:42px; transition:0.2s ease;-moz-transition:0.2s ease;-ms-transition:0.2s ease;-o-transition:0.2s ease;-webkit-transition:0.2s ease;}
.product .pro_con ul li:nth-child(3n){ margin-right:0px;}
.product .pro_con ul li b{ display:block; width:100%; height:318px; text-align:center; line-height:318px; overflow:hidden;transition:0.2s ease;-moz-transition:0.2s ease;-ms-transition:0.2s ease;-o-transition:0.2s ease;-webkit-transition:0.2s ease;}
.product .pro_con ul li b img{ max-width:100%; max-height:100%;}
.product .pro_con ul li span{ display:block; text-align:center; border-top:1px solid #e5e5e5; font-size:16px; color:#333333; height:67px; line-height:67px;transition:0.2s ease;-moz-transition:0.2s ease;-ms-transition:0.2s ease;-o-transition:0.2s ease;-webkit-transition:0.2s ease; }
.product .pro_con ul li:hover{-webkit-box-shadow:0 0px 20px #e4e4e4; -ms-box-shadow:0 0px 20px #e4e4e4; -o-box-shadow:0 0px 20px #e4e4e4;box-shadow:0 0px 20px #e4e4e4;}
.product .pro_con ul li:hover span{ height:86px; line-height:86px; color:#004694;}
.product .pro_con ul li:hover b{ height:299px; line-height:299px; }

.page{ text-align:center; margin-top:20px; margin-bottom:65px;}
.page a{ display:inline-block; width:28px; height:28px; margin:0px 3px; border-radius:50%; background:#b7b7b7; text-align:center; line-height:27px; color:#fff; font-size:14px;}
.page .prevpage{ width:75px; border-radius:30px;}
.page .nextpage{ width:75px; border-radius:30px;}
.page a:hover{ background:#11529b;}
.page a.page_active{ background:#11529b;}
/*product-details*/
.pro_details{ border:1px solid #e1e1e1; margin-top:40px; padding:50px;min-height:500px;}
.pro_details .details_con h4{ font-size:20px; color:#666666; text-align:center;border-bottom:1px solid #e1e1e1; padding-bottom:30px; }
.pro_details .details_con .det_item{ margin-top:38px;}
.pro_details .details_con .det_item .det_left{ float:left; width:366px; height:366px; background:#fcfcfc; text-align:center; line-height:366px; margin-right:58px;}
.pro_details .details_con .det_item .det_left img{ max-width:100%; max-height:100%;}
.pro_details .details_con .det_item .det_right{ font-size:14px; color:#666666; line-height:30px; padding-top:24px;}
.pro_details .details_con .det_item .det_right p{ padding-bottom:18px;}

.pro_details .details_con .det_list{}
.pro_details .details_con .det_list h5{ width:173px; height:56px; background:#004694; color:#fff; font-size:18px; line-height:56px; text-align:center; margin-top:50px; margin-bottom:40px;}
.pro_details .details_con .det_list p{ color:#666666; line-height:30px;}

.flip{ padding:30px 0px; padding-bottom:20px;}
.flip p{ color:#666666; background:url(../flip_bg.png) no-repeat left 8px; padding-left:13px; padding-bottom:10px;}
.flip p a{ color:#666666;}
.flip p a:hover{ color:#004694;}
/*contact*/
.contact{ border:1px solid #e1e1e1; margin:40px 0px; padding:50px; min-height:400px;}
.contact .contact_con .con_left{ width:450px; height:370px; overflow:hidden; float:left;}
.contact .contact_con .con_left img{ width:100%; height:100%;}
.contact .contact_con .con_right{ float:right; width:605px; height:350px; overflow:hidden; }
.contact .contact_con .con_right h4{ font-size:26px; color:#5a5a5a; font-weight:bold; padding-bottom:5px;}
.contact .contact_con .con_right p{ font-size:14px; color:#666666; line-height:34px; padding-top:20px;}

.contact .contact_con .con_bottom{ float:left; margin-top:40px;}
.contact .contact_con .con_bottom img{ margin-right:40px; max-width:485px;}

/*技术*/
.product .pro_nav a.long{ width:137px;}
.technology{border:1px solid #e1e1e1; margin:40px 0px; padding:50px; min-height:500px;}
.technology h4{ font-size:20px; color:#666666; text-align:center;border-bottom:1px solid #e1e1e1; padding-bottom:30px; }
.technology .tech_con img{ margin:30px auto; display:block; max-width:100%;}
.technology .tech_con p{ color:#666666; line-height:30px; padding-bottom:15px;}
.technology .tec_bottom{ margin-top:30px;}
.technology .tec_bottom h5{ width:150px; height:48px; line-height:48px; text-align:center; color:#fff; font-size:18px; background:#004694; margin-bottom:24px;}
.technology .tec_bottom p{ color:#333333; background:url(../flip_bg.png) no-repeat left center; padding-left:14px;}

/*联系我们*/
.con_style .style_left{ width:290px; height:274px; overflow:hidden;float:left; margin-right:55px;}
.con_style .style_left img{ width:100%; height:100%; }
.con_style .style_right h6{ font-size:20px; color:#424141; padding-bottom:15px;}
.con_style .style_right ul li{ font-size:14px; color:#4b4b4b; line-height:28px;}
.con_style .style_right ul li strong{ color:#333333; font-size:16px; float:left;}
.con_style .style_right ul li ol{ float:left;}
.con_style .map{ margin-top:55px;}
/*news*/
.news{ margin-top:55px; min-height:600px;}
.news ul li { border:1px solid #c9c9c9; margin-bottom:25px; transition:0.2s ease-in;-moz-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;}
.news ul li a{ display:block;}
.news ul li .news_img{ float:left; width:234px; height:150px;transition:0.2s ease-in;-moz-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;}
.news ul li .news_img img{ padding:15px; max-width:234px; width:204px; height:120px;}
.news ul li .news_item{ float:left; margin-left:24px; width:755px;}
.news ul li .news_item h6{ padding-top:30px; font-size:16px; color:#333333;padding-bottom:18px;transition:0.2s ease-in;-moz-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;}
.news ul li .news_item p{ width:100%;  font-size:13px; color:#7b7b7b; line-height:26px;overflow:hidden; height:52px;}
.news ul li .news_time{ float:right; margin-right:28px;}
.news ul li .news_time span{ display:block; text-align:center; color:#999999; padding-top:45px; padding-bottom:17px;}
.news ul li .news_time b{ display:block; text-align:center; color:#999999; width:92px; height:28px; line-height:28px; border:1px solid #acacac; border-radius:30px;transition:0.2s ease-in;-moz-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;}
.news ul li:hover{ background:#f7f7f7; border:1px solid #f7f7f7;}
.news ul li:hover .news_img{ background:#11529b;}
.news ul li:hover h6{ color:#11529b;}
.news ul li:hover b{ color:#fff; background:#11529b; border:1px solid #11529b;}

.news .page{ margin-top:40px; margin-bottom:40px;}
/*news_details*/
.news_details{border:1px solid #e1e1e1; margin-top:40px; padding:50px;min-height:500px;}
.news_details h4{ font-size:20px; color:#666666; text-align:center; padding-bottom:16px; }
.news_details h5{ font-size:13px; color:#a2a2a2; text-align:center;border-bottom:1px solid #e1e1e1; padding-bottom:14px; margin-bottom:30px; }
.news_details p{ color:#666666; line-height:30px;  text-indent:2em; padding-bottom:10px;}
.news_details img{ max-width:100%; display:block; margin:30px auto;}
/*message*/
.message{ border:1px solid #e1e1e1; padding-bottom:40px; margin-bottom:50px; margin-top:40px;}
.message h5{ text-align:center; font-weight:bold; font-size:26px; color:#333333; padding-top:55px; padding-bottom:35px;}
.message table{ margin:0 auto; font-size:16px; color:#333333;}
.message table input{  font-size:14px; color:#333333; border:1px solid #c9c9c9; border-radius:4px; padding:10px 10px; width:380px;}
.message table td{ padding:12px 0px;}
.message table .red{ color:#ff0000; vertical-align:bottom; padding-left:16px;}
.message table textarea{ border:1px solid #c9c9c9; border-radius:4px; padding:10px 10px;width:380px; max-width:380px; height:230px; max-height:230px; font-size:14px; color:#333333; resize:none; font-family:"Microsoft YaHei";}
.message table input.code_in{ width:110px; float:left;}
.message table .code{ float:left; width:100px; height:35px; margin-left:16px;}
.message table .tip{ color:#8b8b8b; font-size:12px; float:left; padding-left:10px; padding-top:13px;}

.message table .sub_btn{ display:inline-block; width:130px; height:40px; margin-top:20px; line-height:20px; text-align:center; color:#fff; font-size:16px; text-align:center; background:#004694; border:0px;}
.message table .sub_btn:hover{ background:#0b5eba;}