@charset "utf-8";
/* CSS Document */
/* 全局公用的css样式 */
/*---------------------------------约束样式----------------------------------------*/
@font-face {
 font-family:'alihp';
 src:url('../fonts/Alibaba-PuHuiTi-Regular.ttf');
} 
*{margin:0;padding:0;word-wrap:break-word}
* img{border:0}
* hr{border:1px dashed #d2d2d2}
body,h1,h2,h3,h4,h5,h6,td,th,tr{color:#444;font-weight:normal; font-size:12px; font-family:"alihp"}
a{text-decoration:none;outline:none;color:#444; cursor:pointer}
a:active{star:expression(this.onFocus=this.blur())}
a:focus{outline:none}
a:hover{}
em{font-style:normal}
.ul,.ul li{list-style:none}
input,textarea,select{outline:none;font-family:"alihp"}
.clear{width:100%; clear:both; height:1px; overflow:hidden}
.fl{float:left}
.fr{float:right}
.ov_hi{overflow:hidden}
.layout{width:1200px;margin:0 auto}
.ul_li{list-style:none}
.ov_hi{overflow:hidden}
table{border-collapse:collapse}
.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}
.shadow{-webkit-box-shadow:#DDD9D9 0px 0px 30px;-moz-box-shadow:#DDD9D9 0px 0px 30px; box-shadow:#DDD9D9 0px 0px 30px}
.mg_15{margin-top:15px}
.fl-clr,.clearfix{zoom:1}
.fl-clr:after,.clearfix:after{display:block;clear:both;height:0;content:"\0020"}
.hide{display:none}
body{overflow-x:hidden}
body.hidden{overflow:hidden}

.index_show a,.top_right a,.index_two .box .trial,.web_nav,.web_nav .webtop,.explore_ul li .box .pop,.explore_ul li .box .pop .more{webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 1s ease;transition:all 0.5s ease}

{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.nav_i{display:none}
/*导航样式*/
.head_top{padding-top:20px; position:relative; z-index:99}
.head_top .top{height:60px; position:relative}
.head_top .top .test{position:fixed; width:58px; height:85px; right:0; top:160px; background:url(../images/test.png) no-repeat center 0; z-index:99}
.head_top .top .halp{position:fixed; width:58px; height:92px; right:0; top:255px; background:url(../images/halpa.png) no-repeat center 0; z-index:99}
.logo{height:65px}
.top_right{position:absolute; height:45px; background:#efefef; right:0; top:50%; margin-top:-22px}
.top_right li{float:left; position:relative; margin-left:5px}

.search-box{width:285px; position:absolute; top:0; height:33px; padding:6px 10px 6px 140px; right:0; background:#b20933; color:#fff; overflow:hidden; display:none}
.search-box .t{position:absolute; left:0; top:0; line-height:45px; font-size:15px; padding:0 55px 0 35px; background:url(../images/a1a.png) no-repeat center right}
.search-box .text{width:96%; height:33px; border:0; padding:0 2%; background:#fff; line-height:33px}
.search-box .button{position:absolute; right:11px; height:33px; width:33px; top:50%; margin-top:-16.5px; border:0; background:url(../images/but.png) no-repeat center right; cursor:pointer}

.top_right li .a{display:block; width:45px; height:45px; position:relative}
.top_right li .a1{background:url(../images/a1.png) no-repeat center center}
.top_right li .a2{background:url(../images/a2.png) no-repeat center center}
.top_right li .a3{background:url(../images/a3.png) no-repeat center center}
.top_right li .a4{background:url(../images/a4.png) no-repeat center center}
.top_right li .a.CN{background:url(../images/cn.png) no-repeat center center}
.top_right li .a span{position:absolute; background:#ba2248; width:40px; height:22px; line-height:22px; text-align:center; color:#fff; font-size:14px; left:50%; margin-left:-20px; bottom:-22px; display:none; opacity:0}
.top_right li .a:hover span{display:block; opacity:1}
.top_right li .a span:after{content:""; width:10px; height:5px; position:absolute; left:50%; margin-left:-5px; top:-5px; background:url(../images/i.png) no-repeat}
.top_right li .txt{position:absolute; z-index:99; right:0; top:45px; width:128px; background:#fff; border:1px solid rgba(0,0,0,0.15); border-top:0; display:none}
.top_right li:hover .txt{display:block}
.top_right li .txt a{display:block; line-height:26px; height:26px; padding:8px 45px; font-size:16px; position:relative}
.top_right li .txt a i{position:absolute; width:26px; height:26px; right:12px; top:50%; margin-top:-13px}
.top_right li .txt a .EN{background:url(../images/en.png) no-repeat center center}
.top_right li .txt a .DE{background:url(../images/de.png) no-repeat center center}
.top_right li .txt a .IT{background:url(../images/it.png) no-repeat center center}
.top_right li .txt a .FR{background:url(../images/fr.png) no-repeat center center}
.top_right li .txt a .CN{background:url(../images/cn.png) no-repeat center center}
.top_right li .txt a:hover{background:#efefef}

.head_nav{padding-top:15px}
.nav_box{height:55px; float:right; padding-right:135px; background:url(../images/porsche.jpg) no-repeat right bottom}
.nav_box li{float:left; padding:0 20px; position:relative}
.nav_box li .a{color:#b20933; font-size:20px; font-weight:bold; display:block; height:55px; line-height:52px}
.nav_box li:hover .a,.nav_box li .hover{border-bottom:3px solid #b10933; height:52px}
.nav_box li .txt{position:absolute; background:#fff; left:0; top:55px; width:330px; display:none}
.nav_box li .txt .bottom{height:80px; background:#b20933}
.nav_box li .txt .bottom a{display:block; width:50%; float:left; height:80px; line-height:80px; color:#fff; font-size:18px; font-weight:bold}
.nav_box li .txt .bottom a span{padding-left:40px}
.nav_box li .txt .bottom a span i{padding:0 14px 0 2px; font-size:30px; position:relative; top:10px}

.nav_box li:hover .txt{display:block}

/*产品下拉框*/
.nav_box li *{overflow:hidden}
.nav_box li .txt{width:850px; left:-235px}
.product_down{overflow:hidden; padding:20px 25px}
.product_down li{float:left; width:50%; padding:0}
.product_down .li1{width:45%}
.product_down .li2{width:55%}
.product_down li .title{color:#b20933; font-size:18px; font-weight:bold}
.product_down li dl{padding-top:5px}
.product_down li dl dd{padding-top:10px}
.product_down li dl a{display:block; padding-left:80px; position:relative; min-height:58px}
.product_down li dl a:hover{color:#b20933}
.product_down li dl .t{font-size:16px; font-weight:bold; line-height:18px; height:18px; margin-bottom:5px}
.product_down li dl .text{line-height:20px; height:40px; font-size:16px}

.product_down li .dl1 a img{position:absolute; height:58px; left:0; top:50%; margin-top:-32px}
.product_down li .dl1 .text{padding-right:95px}
.product_down li .dl2 a{padding-left:195px}
.product_down li .dl2 a img{position:absolute; left:0; top:3px; width:180px}


/*解决方案下拉框*/
.nav_box li .solution{width:600px; left:-200px}
.solution_down{overflow:hidden; padding:20px 25px}
.solution_down li{float:left; width:50%; padding:0}
.solution_down li .title{color:#b20933; font-size:18px; font-weight:bold}
.solution_down li .url{padding-top:15px}
.solution_down li .url a{display:block; font-size:16px; font-weight:bold; height:40px; line-height:40px}
.solution_down li .url a:hover{color:#b20933}
.solution_down li .url a i{padding:0 15px 0 2px; width:20px; color:#b20933; font-size:20px}

/*关于我们下拉框*/
.nav_box li .about{width:330px; left:-55px}
.nav_box li .about .solution_down li{width:100%}
.nav_box li .about .solution_down li .url{padding-top:0}
.nav_box li .about .bottom a{width:100%}


/*手机导航*/
.web_pop{position:fixed; width:100%; height:100%; left:0; top:0; z-index:999; background:rgba(0,0,0,0.5); display:none}
.web_nav{position:fixed; right:-280px; top:0; width:280px; background:#fff; height:100%; overflow:hidden; overflow-y:auto; z-index:1000}
.web_nav.on{right:0}
.web_nav .webtop{position:fixed; width:280px; background:#fff; top:0; right:-280px; text-align:center; padding:50px 0 20px 0; z-index:2}
.web_nav.on .webtop{right:0}
.web_nav .close{position:absolute; right:0; top:0; width:35px; height:35px; font-size:25px; text-align:center; line-height:35px; background-color:rgba(0, 0, 0, 0.1); color:#777; border-radius:0 0 0 10px}
.web_nav .logoa{width:240px}
.web_nav .pa{padding:110px 30px 50px 30px; overflow:hidden}
.web_nav ul{}
.web_nav .main{padding:0 0 30px 0; margin-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.2)}
.web_nav ul li{padding:8px 0}
.web_nav ul li a{display:block; font-size:18px; color:#777; line-height:28px; position:relative}
.web_nav ul li a i{position:absolute; right:0px; top:0; font-size:20px; line-height:28px}
.web_nav ul li a.on{color:#000}
.web_nav ul li .txt{display:none}
.web_nav ul li .txt a{display:block; padding:8px 0 0 0; font-size:16px}


/*尾部样式*/
.footer{background:#3f3f3f; overflow:hidden; color:#fff; font-size:13px}
.footer_text{padding:30px 0; border-bottom:1px solid #505050; line-height:20px}
.footer_text li{float:left; width:25%}
.footer_txt{text-align:center; padding:15px 0; line-height:25px}
.footer_txt a{color:#fff; margin:0 10px}
.footer_txt a:hover{text-decoration:underline}

/*大图样式*/
.index_show{background:#f3f2f1;height:500px; position:relative}
.index_show .uk-slideshow .img{width:100%; height:500px !important}
.index_show .uk-slideshow{overflow:visible}
.index_show .uk-slideshow li .layout{position:absolute; left:50%; margin-left:-550px; top:0; width:1100px; height:100%}
.index_show .uk-slideshow li .txt{position:absolute; left:0; height:100%; width:530px; padding:0 0 0 70px; background:rgba(0,0,0,0.5); border-left:3px solid #a51848; color:#fff}
.index_show .uk-slideshow li .txt .t{font-size:30px; font-weight:bold; padding-top:85px}
.index_show .uk-slideshow li .txt .tt{font-size:30px; font-weight:bold;  padding:40px 0 20px 0}
.index_show .uk-slideshow li .txt .text{ font-size:18px; padding-top:0px; line-height:30px}
.index_show .uk-slideshow li .t2 .t{font-size:50px; font-weight:bold; padding-top:40px}
.index_show .uk-slideshow li .t2 .t img{ margin-bottom:20px}
.index_show .uk-slideshow li .t2 .tt{font-size:30px; font-weight:bold;  padding:20px 0}
.index_show .uk-slideshow li .txt .more{display:block; width:110px; height:40px; background:#b20933; font-size:15px; text-align:center; line-height:40px; color:#fff}
.index_show .uk-slideshow li .txt .more:hover{background:#666}
.index_show .uk-position-bottom{width:100%; left:0; bottom:15px; z-index:3; text-align:center; display:block; height:15px; margin:0; padding:0}
.index_show .uk-dotnav>*{padding:0; margin:0; margin-right:10px; float:none; width:15px; height:15px; display:inline-block}
.index_show .uk-dotnav>*>*{background:#fff; width:15px; height:15px; border-radius:0}
.index_show .uk-dotnav-contrast>.uk-active>*{background:#b20933; transform:scale(1)}
.index_show .uk-slidenav{width:40px; height:40px; font-size:30px; line-height:36px; border-radius:50%; background:#444}
.index_show .uk-slidenav-position .uk-slidenav{margin-top:-20px}

.second_show{height:380px}
.second_show .uk-slideshow .img{height:380px !important}


/*首页模块一*/
.index_one{padding:0 0 60px 0; border-bottom:1px solid #eee}
.index_one .titlea{padding:50px 0 50px 100px; font-size:16px; color:#444444; line-height:20px}

.product_block{overflow:hidden; padding:0 0 0 100px}
.product_block li{float:left; width:50%; padding:0}
.product_block .li1{width:45%}
.product_block .li2{width:55%}
.product_block li .title{color:#b20933; font-size:32px; font-weight:bold}
.product_block li dl{}
.product_block li dl dd{padding-top:30px}
.product_block li dl a{display:block; padding-left:80px; position:relative; min-height:58px}
.product_block li dl a:hover{color:#b20933}
.product_block li dl .t{font-size:15px; font-weight:bold; line-height:18px; height:18px; margin-bottom:5px; overflow:hidden}
.product_block li dl .text{line-height:20px; height:40px; font-size:16px}
.product_block li .dl1 a img{position:absolute; height:58px; left:0; top:0}
.product_block li .dl1 .text{padding-right:95px}
.product_block li .dl2 a{padding-left:195px}
.product_block li .dl2 a img{position:absolute; left:0; top:5px; width:180px}

/*首页模块二*/
.index_two{padding:60px 0}
.index_two *{overflow:hidden}
.index_two .ul{overflow:hidden; margin-left:-30px}
.index_two .ul li{width:33.3%; float:left}

.two_scroll{position:relative; z-index:2}
.two_scroll .owl-wrapper-outer{margin:0 auto; overflow:hidden; position:relative; width:100%}
.two_scroll .item{position:relative}
.two_scroll .owl-item{float:left}
.two_scroll .owl-wrapper{position:relative}
.two_scroll .item{}

.index_two .box{padding:0 15px}
.index_two .box .title{font-size:18px; color:#666; font-weight:bold; padding-bottom:15px; line-height:18px}
.index_two .box .text{background:#e9e9e9; padding:20px}
.index_two .box .text img{display:block; margin:10px auto 0 auto}
.index_two .box .text .txt{color:#6c6c6c; font-size:16px; height:100px; line-height:25px; margin:20px 0}
.index_two .box .text .more{display:block; width:110px; font-size:15px; height:40px; line-height:40px; text-align:center; background:#b20933; color:#fff; float:right}

.index_two .box .tt{font-size:16px; color:#444; line-height:25px}
.index_two .box .trial{display:block; width:40%; margin:40px auto}
.index_two .box a:hover .trial{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.video_box{position:relative; display:block}
.video_box:after{content:"\f01d"; font:normal normal normal 14px/1 FontAwesome; position:absolute; text-align:center; left:50%; margin-left:-33px; top:50%; margin-top:-33px; color:rgba(55, 55, 55, 0.65); font-size:66px}
.video_box img{width:100%}


/*首页模块三*/
.index_three{background:url(../images/index_three.jpg) no-repeat center center fixed; position:relative}
.index_three:after{content:""; position:absolute; width:100%; left:0; top:0; height:100%; background:rgba(178,9,51,0.6)}
.index_three .layout{position:relative; z-index:2;color:#fff}
.index_three .box{text-align:center; padding:60px 0; width:50%; float:left}
.index_three .box .title{font-size:32px; font-weight:bold; line-height:32px}
.index_three .box .txt{font-size:16px; line-height:25px; padding:20px 10%}

/*首页模块四*/
.index_four{padding:40px 0 100px 0}
.index_four .title{font-size:18px; color:#666; font-weight:bold; padding-bottom:35px}
.customer_show img{width:100%}

.cookies_pop{background:#eee; position:fixed; width:284px; border:3px solid #b20933; text-align:center; right:70px; bottom:70px; z-index:99; display:none}
.cookies_pop .pa{padding:30px 20px}
.cookies_pop .title{color:#b20933; font-size:18px; font-weight:bold}
.cookies_pop .txt{font-size:14px; color:#463e3e; line-height:25px; padding:20px 0 25px 0}
.cookies_pop .txt a{font-weight:bold}
.cookies_pop .a{display:block; width:110px; height:40px; margin:0 auto; background:#b20933; text-align:center; line-height:40px; color:#fff; font-size:15px}

/*视频弹窗*/
.video_pop{position:fixed; width:100%; left:0; top:0; z-index:999; background:rgba(0,0,0,0.5); width:100%; height:100%; display:none}
.video_eject{position:absolute; left:50%; margin-left:-300px; width:600px; top:10%; background:#fff} 
.video_eject .close{position:absolute; right:0; top:0; width:20px; height:20px; font-size:20px; text-align:center; line-height:20px; background:#b20933; color:#fff}
.video_eject .box{padding:30px 15px 15px 15px; height:354px}

/*法律条款*/
.second_box{padding-bottom:40px}
.position_box{font-size:14px; font-weight:bold; color:#b20933; padding:15px 0; line-height:25px;}
.position_box a{color:#b20933}
.position_box em{padding:0 10px}
.position_box .on{color:#777; display:inline-block}

.content_title{color:#b20933; font-weight:bold; font-size:32px; padding:30px 0 25px 0}
.content_text{color:#444; font-size:16px; line-height:25px}

/*关于我们*/
.content_title.about{color:#444}
.about_ftp{color:#b20933;  padding:55px 0; font-size:20px}
.about_ftp a{color:#b20933; font-size:16px; font-weight:bold}
.about_ftp a i{margin-right:10px;line-height:20px; font-weight:bold}

.about_video{position:relative; padding:80px 0 50px 0; font-size:16px; color:#444}
.video_left{width:25%; float:left; text-align:center; padding:55px 0 0 0}

.video_left p{padding:15px 0}
.video_txt{width:58%; float:right}
.video_txt .title{font-size:32px; color:#b20933; line-height:32px; font-weight:bold}
.video_txt .txt{color:#444444; line-height:25px; padding-top:25px}
.video_txt .txt i{margin:0 15px; color:#b20933}

/*获取演示*/
.second_title{padding:100px 0; color:#fff; background:#444}
.second_title .t{font-size:60px; line-height:68px; font-weight:bold}
.demo_txt{font-size:16px; color:#444; padding:20px 0 60px 0}
.demo_box{overflow:hidden; padding-bottom:30px}
.demo_box .left_box{float:left; width:45%}

.demo_box .left_box td{padding:7px 10px; font-size:16px; color:#444; font-weight:bold}
.demo_box .left_box .t{width:20%}
.demo_box .left_box td span{padding:0 5px}
.demo_box .left_box td .text{width:70%; padding:0 2%; height:34px; line-height:34px; border:1px solid #ccc}
.demo_box .left_box td .select{width:74%; padding:0 2%; height:34px; line-height:34px; border:1px solid #ccc}
.demo_box .left_box td .textarea{width:96%; padding:10px 2%; height:200px; line-height:25px; border:1px solid #ccc}
.demo_box .left_box .txt{font-weight:normal; line-height:25px; position:relative; margin:15px 0}
.demo_box .left_box .txt a{color:#b20933; font-size:16px; font-weight:bold}
.demo_box .left_box label{padding-left:20px}
.demo_box .left_box label input{position:absolute; left:0; top:5px}

.demo_box .right_box{float:right; width:50%; font-size:16px}
.demo_box .right_box .title{font-weight:bold}
.demo_box .right_box .ul{padding:15px 0 0 30px}
.demo_box .right_box li{padding-bottom:10px; line-height:25px}
.demo_box .right_box li label{cursor:pointer}
.demo_box .right_box li input{margin-right:10px}

.demo_box .right_box .wb_50{width:50%}

.demo_button{display:block; margin:0 auto; width:90px; height:40px; font-size:16px; color:#fff; background:#b20933; border:0; cursor:pointer; text-align:center; line-height:40px}

/*技术支持*/
.support_txt{font-size:16px; color:#444; line-height:25px; padding-top:30px}
.support_txt .fa-angle-right{color:#b20933; margin:0 5px 0 15px}
.support_dl{font-size:16px; line-height:30px; padding-bottom:30px}
.support_dl dt{font-weight:bold; padding-bottom:10px}
.support_dl a{color:#b20933; font-weight:bold}
.support_dl dd i{margin-right:75px}

/*联系我们*/
.contact_ul{overflow:hidden; margin-left:-120px; padding:40px 0}
.contact_ul li{width:210px; float:left; padding-left:120px}
.contact_ul li .title{color:#b20933; font-size:18px; font-weight:bold; line-height:18px; padding-bottom:20px}
.contact_ul li .txt{font-size:14px; line-height:24px; color:#444444}
.contact_ul li .txt .t{font-weight:bold}
.contact_ul li .txt a{color:#b20933; font-weight:bold}

/*搜索结果*/
.search_result{width:795px; padding-top:30px}
.search_result .search{border:1px solid #ccc; height:34px; line-height:34px; padding:0 75px 0 15px; position:relative}
.search_result .search .text{width:100%; height:34px; border:0}
.search_result .search .button{position:absolute; top:0; right:0; width:58px; height:34px; line-height:34px; border:0; border-left:1px solid #ccc; background:#fff; cursor:pointer; text-align:center}
.search_result .search .button:hover{background:#444}
.search_list{padding:30px 0 0 0} 
.search_list li{padding-bottom:30px; line-height:25px; font-size:14px}
.search_list li .title{font-size:16px; font-weight:bold}
.search_list li a{color:#b20933}
.search_list li a:hover{color:#444444}
.search_txt{font-size:14px; color:#444444}

.paging_box{height:36px; padding-top:30px}
.paging_box .pa{float:right}
.paging_box .pa a,.paging_box .pa span{display:block; float:left; padding:0 30px; height:34px; line-height:34px; border:1px solid #ddd; text-align:center; font-size:16px; color:#b20933; font-weight:bold; margin-left:-1px}
.paging_box .pa a:hover{background:rgba(0,0,0,0.2)}
.paging_box .pa .on{background:#b20933; color:#fff}

/*新闻*/
.news_list{overflow:hidden}
.news_list li{padding-bottom:30px; border-bottom:1px solid #eee; margin-bottom:40px; color:#444; overflow:hidden}
.news_list li .time{height:20px; line-height:20px; font-size:14px}
.news_list li .time i{margin-right:10px}
.news_list li .title{ padding:5px 0}
.news_list li .title a{color:#b20933; font-size:18px; line-height:25px; font-weight:bold}
.news_list li .txt{font-size:16px; line-height:22px}
.news_list li .more{display:block; width:110px; height:40px; text-align:center; line-height:40px; font-size:15px; color:#fff; background:#b20933; float:right; margin-top:30px}
.news_list li .title a:hover{color:#60031a}
.news_list li .more:hover{background:#666}

.news_text{font-size:16px; line-height:25px; color:#444444}
.news_text ul{padding-left:40px}
.news_text a{color:#b20933; font-weight:bold}
.news_text a:hover{color:#60031a}

/*资源中心*/
.resource_show{position:relative; padding:0 260px; margin:45px 0; height:177px; display:table;}
.resource_show img{position:absolute; left:0; top:50%; height:177px; margin-top:-88px;}
.resource_show .txt{font-size:16px; line-height:25px; display:table-cell; vertical-align:middle;}
.resource_box{}
.resource_box .title{display:inline-block; background:#b20933; height:40px; line-height:40px; padding:0 20px; background:#b20933; color:#fff; font-size:15px; -webkit-box-shadow:5px 0px 5px 0px #ccc;-moz-box-shadow:5px 0px 5px 0px #ccc; box-shadow:5px 0px 5px 0px #ccc;}
.resource_box .title_nav{border-top:2px solid #b20933;border-bottom:2px solid #b20933; margin-top:1px; font-size:15px; color:#666666; font-weight:bold}
.resource_box .title_nav li{height:40px; line-height:40px; float:left; padding:0 25px; cursor:pointer; position:relative}
.resource_box .title_nav li:after{content:""; position:absolute; left:0; top:50%; margin-top:-11px; width:2px; height:22px; background:#666}
.resource_box .title_nav li.hover:before{content:""; position:absolute; bottom: -7px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; left:50%; margin-left:-5px; border-top: 5px solid #b20933;}
.resource_box .title_nav li:first-child:after{display:none}
.resource_tab_box .box{display:none; opacity:0;  -webkit-transition:opacity 0.15s linear; -o-transition:opacity 0.15s linear; transition:opacity 0.15s linear;}
.resource_tab_box .show{opacity:1; display:block}

.resource_page{color:#666666; font-weight:bold; line-height:30px; margin-top:5px}
.resource_page span{ padding:0 10px}
.resource_page span em{ padding:0 3px}
.resource_list{overflow:hidden; margin-left:-40px; padding-top:50px}
.resource_list li{width:33.3%; float:left; padding-bottom:20px}
.resource_list li a{display:block; margin-left:40px; padding-left:75px;  color:#666666; font-size:14px; height:240px; overflow:hidden; line-height:25px; position:relative}
.resource_list li i{position:absolute; left:0; top:0; font-size:60px; color:#efefef}
.resource_list li .t{font-weight:bold;}
.resource_list li .txt{}
.resource_list li a:hover{color:#b20933}

.light-theme a, .light-theme span{padding:0; width:68px; border:1px solid #ddd; height:35px; line-height:35px; font-size:16px; color:#b20933; background:#fff; border-radius:0;box-shadow:0 0 0 #fff; margin:0}
.light-theme .current{border:1px solid #b20933; background:#b20933; box-shadow:0 0 0 #fff;}
.light-theme .current.prev,.light-theme .current.next{border:1px solid #ddd; background:#fff; color:#333}

/*解决方案*/
.solve_title{color:#b20933; font-size:32px; line-height:32px; font-weight:bold; padding:20px 0 0 0}
.solve_text{font-size:16px; line-height:30px; position:relative; padding:20px 0 40px 0; overflow:hidden;}
.solve_text .txt{width:60%; float:left}
.solve_text .txt .fa.red{color:#b20933}
.solve_text .txt a{color:#b20933; font-weight:bold}
.solve_text .img{width:35%; float:right;}
.solve_text .img img{max-width:100%; margin-bottom:20px}
.solve_box{padding:30px 0}
.solve_box .title{color:#4c565c; font-size:18px; font-weight:bold}

.solve_text .txt.bw_50,.solve_text .img.bw_50{width:49%;}

.solve_url{overflow:hidden}
.solve_url li{width:33.3%; float:left; padding:20px 0}
.solve_url li a{font-size:18px; color:#b20933; font-weight:bold; line-height:25px; position:relative; padding-left:35px;}
.solve_url li a i{position:absolute; left:0; top:0; line-height:25px}
.solve_url li a:hover{ color:#9b1b47}
.solve_url li .txt{padding-left:35px; height:60px; font-size:16px; line-height:30px}

/*解决方案2*/
.solve_two{padding:40px 0; border-top:1px solid #eee}
.solve_two.on{border-top:0}
.solve_h1{font-size:32px; line-height:32px; font-weight:bold; padding-bottom:20px}
.solve_h2{font-size:16px; padding-bottom:20px}
.solve_h2 a{ font-weight:bold; color:#b20933; display:inline-block}
.solve_two .product_down{padding:20px 0;}
.solve_two .product_down li .title{font-size:32px; padding-bottom:20px}

.solve_three{background:#efefef; padding:20px 0}
.enlarge_box{overflow:hidden; margin-left:-40px}
.enlarge_box li{width:50%; float:left;}
.enlarge_box li a{display:block; position:relative; padding-left:40px;}
.enlarge_box li a i{position:absolute; width:60px; height:60px; font-size:60px; text-align:center; line-height:60px; left:50%; top:50%; margin:-30px 0 0 -30px; color: rgba(55, 55, 55, 0.65)}
.solve_text .enlarge_box li a img{margin:0}
.enlarge_box li a img{width:100%; margin:0}
.enlarge_box li p{text-align:center; font-size:16px; line-height:25px; padding-top:10px; padding-left:40px}

.solve_Four{padding-top:40px}
.surface_box{}
.surface_div{overflow:hidden;}
.surface_div .bw_60{width:60%}
.surface_table{ margin-bottom:40px}
.surface_table th,.surface_table td{padding:8px; line-height:25px; font-size:14px}
.surface_table table{border:1px solid #ddd}
.surface_table th{background:#b20933; color:#fff; font-weight:bold; border:1px solid #fff}
.surface_table .t{width:50%; font-size:16px}
.surface_table .tt{width:45%; font-size:16px}
.surface_table td{}
.surface_div .bw_30{width:30%}
.Legend_box{padding:25px; background:#364866; color:#fff; font-size:14px; line-height:30px; margin-top:40px;}

.surface_div .txt{font-size:16px;}
.surface_div .but{padding-top:30px}
.surface_div .but a{display:inline-block; height:40px; line-height:40px; background:#b20933; padding:0 35px; color:#fff; font-size:16px; margin-right:10%}
.surface_div .but a i{ margin-right:10px}
.surface_div .but a:hover{background:#666}

.surface_line{border-top:1px solid #eee; margin:80px 0}

/*图片弹出样式*/
.img_pop{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:99; display:none; overflow:auto}
.img_eject{position:relative; margin:30px auto; background:#fff; width:750px;}
.img_eject .close{position:absolute; font-size:24px; position:absolute; right:10px; top:10px; line-height:24px; opacity:0.2;}
.img_eject .box{padding:45px 15px 15px 15px}
.img_eject .box img{width:100%}

/*解决方案3*/
.but_bittom{text-align:center;}
.but_bittom a{display:inline-block; height:40px; line-height:40px; background:#b20933; width:380px; color:#fff; font-size:16px; margin:0 10px}
.but_bittom .bw590{width:590px}
.but_bittom a i{margin-right:10px}
.but_bittom a:hover{background:#666}

.motto_box{background:url(../images/motto.jpg) no-repeat center center; position:relative}
.motto_box .layout{position:relative; z-index:2; color:#fff}

.motto_scroll{position:relative; z-index:2}
.motto_scroll .owl-wrapper-outer{margin:0 auto; overflow:hidden; position:relative; width:100%}
.motto_scroll .item{position:relative}
.motto_scroll .owl-item{float:left}
.motto_scroll .owl-wrapper{position:relative}
.motto_scroll .item{padding:40px 20px; font-size:16px; color:#fff; font-weight:bold}
.motto_scroll .item .txt{font-size:26px; line-height:40px; padding-bottom:40px}
.motto_scroll .item .t{text-align:right}

/*产品中心1*/
.pr_140{padding-right:20%}
.solve_text .txt .fa{margin-right:10px}
.explore_box{padding:30px 0 60px 0; border-top:1px solid #eee}
.solve_18{font-size:18px; font-weight:bold}

.explore_ul{overflow:hidden; margin-left:-24px}
.explore_ul *{overflow:hidden;}
.explore_ul li{width:33.3%; float:left}
.explore_ul li .box{position:relative; margin-left:24px; margin-bottom:35px}
.explore_ul li .box img{width:100%}
.explore_ul li .box .title{position:absolute; width:100%; left:0; bottom:0; font-size:18px; text-indent:20px; font-weight:bold; line-height:45px; height:45px; background:rgba(81,81,81,0.9); color:#fff}
.explore_ul li .box .pop{position:absolute; left:0; top:100%; background:rgba(81,81,81,0.95); width:100%; height:100%; color:#fff}
.explore_ul li .box .pop:after{content:""; position:absolute; left:0; top:0; width:6px; background:#b20933; height:100%}
.explore_ul li .box .pop .pa{padding:25px 20px 0 20px; font-size:16px; line-height:25px}
.explore_ul li .box .pop .more{position:absolute; right:20px; bottom:20px; width:125px; height:42px; line-height:42px; font-size:16px; color:#fff; background:#b20933; text-align:center}
.explore_ul li .box .pop .more:hover{background:#666}
.explore_ul li .box:hover .pop{top:0}
.pa_40{padding:40px 0}

.certificateimg{display:block; position:relative; padding-left:40px;}
.certificateimg i{position:absolute; width:60px; height:60px; font-size:60px; text-align:center; line-height:60px; left:50%; top:50%; margin-top:-30px !important; margin-left:-30px !important; color: rgba(55, 55, 55, 0.65)}

.bw_70{width:70% !important}
.bw_25{width:25% !important}

.solve_h3{font-size:16px; font-weight:bold; padding-bottom:20px}
.solve_b40{padding-bottom:40px}

.characteristic{}
.characteristic *{overflow:hidden}
.characteristic li{width:33.3%; float:left;}
.characteristic li .pa{margin-left:25px;}
.characteristic li img{width:100%}
.characteristic li .txt{font-size:16px; line-height:25px; padding-top:25px}

.wb_35{width:35%}
.wb_60{width:60%}

.block_box{padding:40px 0}
.block_box:nth-child(odd){background:#efefef}
.block_box img{max-width:100%}
.block_box .title{font-size:32px; font-weight:bold; line-height:40px; padding-top:40px;}
.block_box .txt{font-size:16px; line-height:25px; padding-top:20px}
.block_box .txt .dot{padding:0 5px 0 20px; color:#b81f39; font-family:"宋体"}

.Systems_box{background:#3f3f3f; padding:30px 0;}
.Systems_box .customer_show{background:#e3e3e3; padding:10px}
.pt_40{padding-top:40px}

.Systems_box .title{color:#fff; font-size:32px; font-weight:bold}
.systems_ul{overflow:hidden; padding-top:30px}
.systems_ul li{color:#fff; font-size:16px; float:left; line-height:24px; width:50%}
.systems_ul li i{margin-right:10px}
.Systems_show{padding:30px 0;}

.Systems_scroll{position:relative; z-index:2; width:790px; margin:0 auto}
.Systems_scroll .owl-wrapper-outer{margin:0 auto; overflow:hidden; position:relative; width:100%}
.Systems_scroll .item{position:relative}
.Systems_scroll .owl-item{float:left}
.Systems_scroll .owl-wrapper{position:relative}
.Systems_scroll .item img{width:100%}
.Systems_scroll .owl-buttons{position:absolute; height:1px; left:0; top:50%; margin-top:-0.5px; width:100%}
.Systems_scroll .owl-buttons >div{position:absolute; width:20px; height:20px; top:50%; margin-top:-10px;  cursor:pointer;}
.Systems_scroll .owl-buttons >div:before{font-family:'FontAwesome'; font-size:20px; color:#fff;}
.Systems_scroll .owl-buttons .owl-prev{left:-30px}
.Systems_scroll .owl-buttons .owl-prev:before{content:"\f060";}
.Systems_scroll .owl-buttons .owl-next{right:-30px}
.Systems_scroll .owl-buttons .owl-next:before{content:"\f061";}

/*产品2*/
.bwa_60{width:60%}
.bwa_30{width:30%}
.blocka_box{padding:40px 0}
.blocka_box .fa{ margin:0 10px}
.bj_efefef{background:#efefef}
.blocka_box img{max-width:100%}
.red{color:#b20933;}
.blocka_box .title{font-size:32px;  line-height:40px; font-weight:bold}
.blocka_box .txt{ font-size:16px; line-height:25px; padding-top:20px}
.wb_45{width:45%}
.wb_50{width:50%}
.wb_40{width:40%}
.Cantata_txt{font-size:16px; font-weight:bold; color:#b20933; line-height:30px;}
.Cantata_table{overflow:auto}
.Cantata_table table{border:1px solid #ddd; margin-top:20px; background:#fff}
.Cantata_table th,.Cantata_table td{ padding:8px; font-size:14px; line-height:25px}
.Cantata_table th{color:#fff; background:#b20933}
.Cantata_table td{vertical-align:top; width:26%}
.Cantata_table .t{background:#f2dede; width:19%}

.Cantataa_txt{font-size:16px; line-height:30px;}
.Cantataa_txt dl{width:50%; float:left; padding-bottom:50px}
.Cantataa_txt dt{font-weight:bold; color:#b20933; padding-bottom:20px;}

.solve_text .yemian{width:50%}
/*产品3*/
.bw_900{width:900px}
.blockb_box{padding:35px 0}
.blockb_box .fa{margin:0 10px}
.bj_3f3f3f{background:#3f3f3f}
.blockb_box.bj_3f3f3f{color:#fff} 
.blockb_box img{max-width:100%}
.blockb_box .title{font-size:18px; line-height:30px; font-weight:bold}
.blockb_box .txt{font-size:16px; line-height:25px; padding-top:20px}
.wb_16{width:16%}
.wb_80{width:80%}

.rtrt_text{font-size:16px; line-height:25px; padding-top:20px; padding-right:30%;}
.rtrt_text .h2{font-size:18px; font-weight:bold}
.fa_ul_check li{position:relative; padding-left:40px;}
.fa_ul_check li:before{content:'\f14a'; font-family:'FontAwesome'; color:#b20933; position:absolute; left:10px; top:0; line-height:25px;}
.fa_ul_checkbox li{position:relative; padding-left:40px;}
.fa_ul_checkbox li:before{content:'\f00c'; font-family:'FontAwesome'; color:#b20933; position:absolute; left:10px; top:0; line-height:25px;}

.process_box{padding-top:30px}
.process_box img{max-width:100%}
 
@media screen and (max-width:1120px){
   .layout{width:100%}
}


@media screen and (max-width:992px){
	
}

@media screen and (max-width:750px){
	.cookies_pop{top:inherit; bottom:15px; right:15px; margin-top:0; display:none}
	
	/*首页导航*/
	.head_top{padding-top:0; height:60px}
	.head_top .top{width:100%;position:fixed; left:0; top:0; background:#fff; border-bottom:2px solid #b20933}
	.head_nav,.top_right{display:none}
	.logo{height:40px; margin:10px 0 0 10px}
	.head_top .top .pop{display:block; float:right; width:35px; height:40px; text-align:center; line-height:40px; font-size:20px}
	.head_top .top .test{position:relative; right:inherit; top:0; background-position: center -3px}
	.head_top .top .halp{position:relative; right:inherit; top:0; background-position: center -3px}
	.head_top .top .nav_i{background:#efefef; margin-right:10px; display:block}
	
	
	/*尾部*/
	.footer{padding:0 15px; text-align:center}
	.footer_text{padding:30px 0 15px 0}
	.footer_text li{width:100%; padding-bottom:15px}
	
	
	/*首页轮播*/
	.index_show .uk-slidenav-position .uk-slidenav,.index_show .uk-position-bottom{display:none}
	.index_show .uk-slideshow li .layout{width:100%; left:0; margin:0}
	.index_show .uk-slideshow li .txt .t{padding-top:60px; font-size:46px}
	.index_show .uk-slideshow li .txt .tt{font-size:28px}
	.index_show .uk-slideshow li .t2 .t{padding-top:40px}
	.index_show .uk-slideshow li .txt{width:80%; padding:0 10%}
	.index_show .uk-slideshow li .txt img{width:80%}
	.index_show .uk-slideshow li .t2 .t img{width:195px}
	
	/*首页*/
	.index_one{padding:30px 10px}
	.index_one .titlea{padding:0 0 30px 0}
	.product_block{padding:0 20px}
	.product_block li{width:100% !important}
	.product_block .li1{padding-bottom:20px}
	.product_block li .dl2 a{padding-left:135px}
	.product_block li .dl2 a img{width:125px}
	
	.index_two{padding:30px 0}
	.index_two .box{padding:0 10px}
	.index_three{padding:0 0 30px 0}
	.index_three .box{padding:30px 0 0 0; width:100%}
	.index_four{padding:30px 10px}
	
	/*视频弹窗*/
	.video_eject{position:absolute; left:5%; margin-left:0; width:90%; top:10%} 
	.video_eject .box{height:200px}
	#media{height:200px !important}
	
	/*二级页面*/
	.second_box{padding:0 15px 20px 15px}
	.content_title{padding:25px 0}
	
	/*关于我们*/
	.about_video{padding:30px 0}
	.video_left{width:100%; float:none; padding:0}
	.video_txt{width:100%; float:none; padding-top:20px}
	
	/*获取演示*/
	.second_title{text-align:center}
	.second_title .t{font-size:60px; padding:0 15px}
	.demo_txt{padding:20px 0}
	.demo_box .left_box,.demo_box .right_box,.demo_box .right_box .wb_50{width:100%; float:none}
	.demo_box .right_box{padding-top:20px}
	.demo_box .right_box .ul{padding:15px 0 0 20px}
	.demo_box .left_box td .text{width:90%}
	.demo_box .left_box td .select{width:95%}
	.demo_box .left_box td .textarea{width:90%}
	.demo_box .left_box .t{width:26%}
	
	/*技术支持*/
	.support_dl dd i{margin-right:25px}
	
	/*联系我们*/
	.contact_ul{margin-left:0; padding:20px 0}
	.contact_ul li{width:100%; float:none; padding-left:0; padding-top:20px}
	.contact_ul li .title{padding-bottom:10px}
	
	
	/*搜索结果页*/
	.search_result{ width:100%}
	
	
	/*资源中心*/
	.resource_show{padding:0; margin:30px 0; display:block; height:auto}
	.resource_show img{position:relative; display:block; left:inherit; top:inherit; height:auto; width:198px; margin:0 auto;}
	.resource_show .txt{display:block; padding-top:30px}
	.resource_box{border:1px solid #ccc;}
	.resource_box .title{display:block;}
	.resource_box .title_nav{border-bottom:2px solid #a6224b}
	.resource_box .title_nav li{height:30px; line-height:30px; float:none; padding:0 25px; cursor:pointer; position:relative;}
	.resource_box .title_nav li.hover{color:#a6224b}
	.resource_box .title_nav li:after{display:none}
	.resource_box .title_nav li.hover:before{ display:none}
	.resource_box .title_nav li:first-child:after{display:none}
	.resource_tab{padding:20px}
	.resource_tab_box{}
	
	.resource_list{overflow:hidden; margin-left:0; padding-top:20px}
	.resource_list li{width:100%; float:none; padding-bottom:20px}
	.resource_list li a{display:block; margin-left:0; padding-left:0; height:auto;}
	.resource_list li i{position:relative; display:block; left:inherit; top:inherit;}

	
	.light-theme a, .light-theme span{padding:0 15px; width:auto;}
	.light-theme .current{border:1px solid #b20933; background:#b20933; box-shadow:0 0 0 #fff;}
	.light-theme .current.prev,.light-theme .current.next{border:1px solid #ddd; background:#fff; color:#333}
	
	
	/*解决方案*/
	.solve_text{padding:20px 0}
	.solve_text .txt{width:100%}
	.solve_text .yemian{width:100%}
	.solve_text .img{width:100% !important; margin-top:20px; text-align:center}
	.solve_text .img img{width:80%}
	.solve_box{padding:30px 0}
	.solve_box .title{padding-bottom:10px}
	
	.solve_url li{width:100%; float:none; padding:10px 0}
	.solve_box{padding:0 0 30px 0;}
	
	/*解决方案2*/
	.solve_h1,.solve_title{font-size:28px; line-height:40px}
	.solve_two .product_down{padding:20px}
	.product_down .li1{width:100%; float:none; padding-bottom:30px}
	.product_down .li2{width:100%; float:none;}
	.product_down li dl .t{height:auto}
	.product_down li .dl2 a{padding-left:140px;}
	.product_down li .dl2 a img{width:120px}
	.product_down li dl dd{padding-top:20px;}
	
	.solve_three{ margin:0 -15px; padding:20px}
	.solve_text .txt.bw_50, .solve_text .img.bw_50,.surface_div .bw_60,.surface_div .bw_30{ width:100%}
	.surface_table{overflow:auto; padding-bottom:15px}
	.surface_table table{width:650px}
	
	.surface_div .but a{padding:0; width:100%; text-align:center; margin-right:0; margin-bottom:10px}
	.surface_line{margin:30px 0}
	
	/*图片弹出样式*/
	.img_eject{width:90%;}
	
	
	/*解决方案3*/
	.motto_box{ margin:0 -15px}
	.but_bittom{}
	.but_bittom a{ width:100% !important;  margin:0 0 10px 0}

    /*产品中心1*/
	.solve_text .pr_140{ display:block}
	.explore_box{padding:30px 0}
	
	.explore_ul{margin-left:0}
	.explore_ul li{width:100%; float:none}
	.explore_ul li .box{margin-left:0; margin-bottom:20px}
	.explore_ul li .box img{width:100%}
	
	.pa_40{padding:20px 0} 
	.bw_70,.bw_25{width:100% !important}
	.characteristic li{width:100%; float:none; padding-bottom:25px}
	.characteristic li .pa{margin-left:0;}
	.wb_35,.wb_60{width:100%; float:none}
	.block_box{padding:20px 0}
	.block_box:nth-child(odd){background:#efefef; margin:0 -15px; padding:20px 15px}
	.Systems_box{padding:30px 15px; margin:0 -15px}
	.pt_40{padding-top:20px}
	.Systems_box .title{font-size:28px;}
	.systems_ul{padding-top:20px}
	.systems_ul li{float:none; width:100%}
	.Systems_show{padding:20px 0;}
	
	.Systems_scroll{margin:0 30px; width:auto}
	
	/*产品2*/
	.bwa_60,.bwa_30{width:100%; float:none}
	.blocka_box{padding:20px; margin:0 -15px}
	.blocka_box .fr .title{margin-top:20px}
	.blocka_box .fl .txt{padding:20px 0;}
	.blocka_box .title{font-size:28px;}
	.wb_45{width:100%; float:none}
	.wb_50{width:100%; float:none}
	.wb_40{width:100%; float:none}
	.Cantata_table table{width:1000px}
	
	
	.Cantataa_txt dl{width:100%; float:none; padding-bottom:30px}
	.Cantataa_txt dt{padding-bottom:20px;}
	
	/*产品3*/
	.blockb_box{padding:15px; margin:0 -15px}
	.blockb_box>div>div{padding:10px 0}

	.wb_16,.wb_80{width:100%; float:none}

	.rtrt_text{padding-right:0;}
	.process_box .fl{ text-align:center}

	
	

}
@media screen and (max-width:350px){
	.logo{height:30px; margin:15px 0 0 10px}
}