@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td 
{ margin: 0; padding: 0; }
body{font-family:Arial,"微软雅黑",Sans-Serif;background:url(../images/bg.jpg) #f6f7fb repeat-x;color:#000;}
img{ border:none;}
a{text-decoration:none;}
li{list-style:none;}
@font-face {
  font-family: 'nyala';
  src: url('fonts/nyala.eot');
  src: url('../fonts/nyala.woff') format('woff'), url('../fonts/nyala.ttf') format('truetype'), url('../fonts/nyala.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.Main_Center{width:1100px; height:auto; overflow:hidden; margin:0 auto;}
.index_news{width:1100px; height:auto; overflow:hidden; margin:0 auto;}
.ImgBox{display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}

.top{height:156px;}
.top .level_01{height:80px; overflow:hidden;display:none;}
.top .level_01 .lng{width:250px; float:left; line-height:132px; height:80px;}
.top .level_01 .lng a{color:#bbbbbb; font-size:12px; padding:0 15px; border-left:1px solid #ddd; height:12px; line-height:132px; text-transform:uppercase;}
.top .level_01 .lng a:nth-child(1){padding-left:0px; border-left:none;}
.top .level_01 .lng a:hover{color:#004894;}
.top .level_01 .logo{width:600px; height:80px; text-align:center; float:left;}
.top .level_01 .logo .img{width:600px; height:80px; display:table-cell; vertical-align:bottom;}
.top .level_01 .search{width:250px; float:left;}
.top .level_01 .search form{display:table; height:35px; margin-top:45px; padding:0; text-align:right; float:right;}
.top .level_01 .search form input[type=text]{height:33px; line-height:33px; margin:0; display:block; width:200px; float:left; border:none; border-bottom:1px solid #ccc; width:0px;}
.top .level_01 .search form input[type=button]{background:url(../images/search_btn.png) no-repeat center center; height:35px; width:35px; border:none; margin:0; padding:0; display:block; float:left;}
.top .level_01 .search form #form_btn{display:none;}


/*topnav*/
.top .topnav_box {width: 100%;height:auto;height: 34px;margin:0 auto; margin-top:42px; text-align:center;  background-color:#43B8C2;display:none;}
.top .topnav {margin:0 auto;padding: 0;text-align:center;display: inline-block;}
.top .topnav li {list-style:none;float:left;text-align:center;cursor:pointer;position:relative;background:url(../images/topnav_line.png) right center no-repeat;}
.top .topnav li a {display:block;height: 34px;line-height: 34px;font-size:14px;color:#ffffff;text-decoration:none;text-transform: uppercase;margin: 0 30px;}
.top .topnav li .subnav {position:absolute;margin: 0;padding: 0; z-index:999999; display:none;border:1px solid #eee;margin-left: -13px;}
.top .topnav li .subnav li {text-align: center;clear:both;width: 100%;}
.top .topnav li .subnav li:nth-child(1) {border-top:none;}
.top .topnav li .subnav li a {color:#1d1d1d;min-width: 155px;font-size: 14px;display: block;width: 100%;height: 100%;padding-right: 0;padding: 10px 0;line-height: 20px;margin: 0;background: #fff;}
.top .topnav li a:hover{color:#004894;}
.top .topnav li .subnav li a:hover {background:#43B8C2;color:#fff;}

/*menu */
.top2 {position:relative;display:none;}
.top2 .menu {position:absolute;right:0;margin-top: -12.5%;padding:4.61% 0;width:10%;text-align:center;}
.top2 .menu img {width:50%;}
.top2 ul {margin:0;padding:0;position:absolute;z-index:999;width:100%;display:none;}
.top2 ul li {height:3em;line-height:3em;text-align:center;background: #004894;border-bottom: 1px solid rgba(247, 247, 247, 0.3);text-transform:uppercase;}
.top2 ul li a {color:#fff;display:block;}
.top2 ul li:hover, .top2 .focus {background: #004894;}


/*banner*/
.banner {width:100%;overflow:hidden;}
.banner img {width:100%;}

.fullSlide {width:100%;position:relative;height:100%;z-index:0;}
.fullSlide .bd {margin:0 auto;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;overflow:hidden;text-align:center;list-style-type:none;}
.fullSlide .bd li img{width:100%;}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:25px;left:0;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:9px;height:9px;line-height:99999px;margin:0 8px;overflow:hidden;background:#5d5d5d;border-radius:4px;}
.fullSlide .hd ul .on {background:#ba0c06;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:9;top:0;width:25%; height:100%;cursor:pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}
.fullSlide .next {background:url(../images/right_button.png) no-repeat 150% 50%; right:0;}
.fullSlide .next:hover{background-position:right 50%;}
.fullSlide .prev {background:url(../images/left_button.png) no-repeat -50% 50%; left:0;}
.fullSlide .prev:hover {background-position:left 50%;}

.xxt{width:100%;  max-width:640px; margin:0 auto; height:auto; overflow:hidden; position:relative;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.xxt {display:none;}
#owl-demo{dispaly:none;}


.index_cn_title{font-size:20px; text-align:center; color:#1b1b1b; margin-top:20px; line-height:32px; height:32px;}
.index_en_title{font-size:20px; text-align:center; color:#1b1b1b; font-family:"nyala"; text-transform:uppercase; margin-bottom:16px; line-height:24px; height:24px;}
.index_title_line{height:1px; width:160px; margin:0 auto; background:#e7e7e7;}
.index_title_line span{display:block; width:41px; height:1px; margin:0 auto; background:#004894;}

.index_about{margin-top:4px; padding-bottom:20px;}
.index_about .img_list{display:table; margin:0 auto; margin-top:46px; margin-bottom:41px;}
.index_about .img_list ul{margin:0; padding:0; height:auto; overflow:hidden;}
.index_about .img_list ul li{margin:0 24px; float:left;}
.index_about .img_list ul li img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.index_about .img_list ul li img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.index_about .about_info{width:930px; height:auto; overflow:hidden; margin:0 auto; color:#959595; font-size:14px; line-height:30px; text-align:center;}

.index_product{background:#f9f9f9; width:100%; height:auto; overflow:hidden;}
.index_product .pro_nav{display:table; margin:0 auto; height:auto; overflow:hidden; margin-top:36px; margin-bottom:42px;}
.index_product .pro_nav ul{margin:0; padding:0; height:auto; overflow:hidden;}
.index_product .pro_nav ul li{display:inline-block; padding-right:5px; background:url(../images/pro_nav_bg.jpg) no-repeat right center; height:34px; line-height:34px;}
.index_product .pro_nav ul li:last-child{padding-right:0px; background:none;}
.index_product .pro_nav ul li a{display:block; padding:0 25px; font-size:14px; color:#959595;}
.index_product .pro_nav ul li a:hover{color:#004894;}
.index_product .columns{width:100%; height:auto; overflow:hidden;}
.index_product .columns .columns_left{width:65.1%; float:left;}
.index_product .columns .columns_left .column_top{overflow:hidden; margin-bottom:18px; position:relative;}
.index_product .columns .columns_left .column_left,.index_product .columns .columns_left .column_right{float:left; width:calc(50% - 9px); position:relative;}
.index_product .columns .columns_left .column_left{margin-right:18px;}
.index_product .columns .columns_right{margin-left:1.5%; float:left; width:33.4%; position:relative;}
.index_product .columns img{width:100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.index_product .columns a:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.index_product .columns .mark{position:absolute; width:178px; height:178px; top:50%; left:50%; margin-left:-89px; margin-top:-89px; border-radius:89px; background:rgba(255,255,255,0.2); z-index:-1; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.index_product .columns .mark span{color:#004895; display:block; text-align:center; line-height:33px; height:33px;}
.index_product .columns .mark .title_cn{margin-top:56px;}
.index_product .columns .mark .title_en{margin-bottom:56px;}
.index_product .columns a:hover .mark{z-index:2; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}

.index_news{margin-top:20px; margin-bottom:43px;}
.index_news .index_news_list{margin-top:50px; width:100%; position:relative;}
.index_news .index_news_list .list{width:calc(100% - 136px); margin:0 auto; height:auto; overflow:hidden;}
.index_news .index_news_list .list ul{margin:0; padding:0;}
.index_news .index_news_list .list ul li{width:295px; height:auto; overflow:hidden; float:left; margin-right:40px; background:#fafafa;}
.index_news .index_news_list .list ul li:hover{background:#f1f1f1;}
.index_news .index_news_list .list ul li .img{position:relative; padding-bottom:18px;}
.index_news .index_news_list .list ul li .img img{width:100%;}
.index_news .index_news_list .list ul li .date{position:absolute; left:0; top:0; width:86px; text-align:center; height:36px; padding:25px 0; background:#004894; color:#fff; font-size:14px; line-height:18px;}
.index_news .index_news_list .list ul li .news_title{height:62px; line-height:62px; overflow:hidden; border-bottom:1px solid #dcdcdc; text-align:center; margin:0 20px; font-size:14px; color:#1b1b1b;}
.index_news .index_news_list .list ul li .news_info{ height:48px; line-height:24px; margin:0 20px; margin-top:17px; overflow:hidden; font-size:12px; color:#959595;}
.index_news .index_news_list .list ul li .more{height:54px; line-height:54px; text-align:center; text-transform:uppercase; font-size:12px; color:#004894;}
.index_news .index_news_list .list ul li:hover .more{color:#707070;}
.index_news .index_news_list .list ul li .date span{font-size:16px;}
.index_news .index_news_list .prev,.index_news .index_news_list .next{position:absolute; height:100%; top:50%;}
.index_news .index_news_list .prev img,.index_news .index_news_list .next img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; cursor:pointer;}
.index_news .index_news_list .prev img:hover,.index_news .index_news_list .next img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.index_news .index_news_list .prev{left:0;}
.index_news .index_news_list .next{right:0;}


.foot{ width:100%; height:auto; margin:0px auto; overflow:hidden;}
.foot_down{ width:100%; height:auto; margin:0px auto; background:#73797b; padding-bottom:81px;}
.foot .dilogo{text-align:center; padding-bottom:14px; display:table; margin:0 auto; margin-top:30px;}
.foot .dima{text-align:center; padding-bottom:4px; display:table; margin:0 auto; margin-top:10px;}
.foot .getFocus{text-align:center; padding-bottom:5px; display:table; margin:0 auto; border-bottom:1px dashed #ffffff; margin-top:20px; color:#ffffff;}
.foot .getFocus a{margin-left:16px;}
.foot .getFocus a .wechat{position:absolute; width:100px; height:0px; margin-left:130px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; overflow:hidden;}
.foot .getFocus a .on{height:100px;}

.foot .foot_nav{display:table; margin:0 auto; margin-top:13px;margin-bottom: 10px;}
.foot .foot_nav a{display:block; padding:0 27px; float:left; height:34px; line-height:34px; font-size:14px; color:#ffffff;}
.foot .foot_nav a:hover{color:#004894;}

.foot .copyright{font-size:12px; line-height:32px; color:#ffffff; text-align:center;}
.foot .copyright a{color:#ffffff;}
.foot .copyright a:hover{color:#004894;}



/************page页开始************/
.page {width:100%;min-height:350px;height:auto;overflow:hidden;padding-bottom:50px;}
.page a {color:#898989;}
.page a:hover {color:#202020;}
.page_nav {width:100%;height:auto;overflow:hidden;float:none;position: relative;z-index: 99;}
.page_nav ul {padding:0;display: table;margin: 0 auto;}
.page_nav ul li {list-style:none;float:left;height:65px;line-height: 65px;font-size:14px;text-align:center;margin-right: 60px;}
.page_nav ul li:hover, .page_nav ul .focus {font-size: 14px;color: #202020;height: 65px;background:url(../images/focus_ss.png) center bottom no-repeat;}
.page_nav ul li a {display:block;color:#535353;}
.page_nav ul li:hover a, .page_nav ul .focus a {color: #43B8C2;height: 64px;}
.page_con {float:none;width:100%;margin:0 auto;font-size:14px;padding-top:1px;line-height:36px;color:#959595;margin-bottom:50px;
clear:both;border-top:1px solid #ccc;margin-top:-1px;position:relative;}

.page_nav .menu{display:none;}
/*.float{display:none;}width:calc((100% / 3) - 1em);*/
/*page*/
.page_con .page_f1{margin-right:170px;}
.page_con .page_f1 img{float:left;}
.page_con .page_title01{font-size:22px;font-family:Arial;line-height:28px;color:#535353;margin-top:60px;}
.page_con .page_title02{font-size:22px;font-family:"微软雅黑",Sans-Serif;line-height: 36px;color:#535353;margin-top: 10px;margin-bottom: 15px;}
.page_con .page_f2{background:url(../images/page_bg.jpg) no-repeat center center; text-align:center;clear:both;padding:0 3.125%;}


/*admin*/
.login{width:100%; height:auto; overflow:hidden; padding:52px 0 58px 0;}
.login .login_form{width:453px; height:auto; margin:0 auto; padding:0; display:block;}
.login .login_form .login_title{font-size:18px; height:47px; line-height:47px; color:#434343; text-align:center;}
.login .login_form ul{margin:0; padding:0; height:auto; width:100%; overflow:hidden;}
.login .login_form ul li{height:75px; list-style:none; width:100%;}
.login .login_form input[type=text],.login .login_form input[type=password]{ width:calc(100% - 43px); border:1px solid #d2d2d2; height:51px; margin:11px 0; padding:0 20px;}
.login .login_form input[type=submit]{width:100%; height:53px; margin:4px 0; color:#fff; background:#434343; border:none; font-size:14px;}
.login .login_form input[type=button]{width:100%; height:53px; margin:4px 0; color:#fff; background:#959595; border:none; font-size:14px; cursor:pointer;}
.login .login_form ul .getcode input{width:125px; margin-right:10px;}
.login .login_form ul .getcode span{margin-left:24px;}

/*End admin*/

/*Join*/
.support{height:auto; overflow:hidden; margin-top:18px;}
.support ul{margin:0; padding:0; height:auto; overflow:hidden;}
.support ul li{width:340px; float:left; margin-right:40px; background:#f9f9f9; padding-bottom:46px; margin-bottom:29px; display:block;}
.support ul li:hover{background:#004894;}
.support ul li:nth-child(3n){margin-right:0;}
.support ul li .img{width:138px; height:138px; margin:0 auto; margin-top:23px; margin-bottom:15px; padding:6px; border-radius:75px; border:1px dashed #004894;}
.support ul li:hover .img{border:1px dashed #fff;}
.support ul li .title{height:54px; line-height:54px; text-align:center; font-size:18px; color:#004894;}
.support ul li span{display:block; width:275px; margin:0 auto; font-size:14px; line-height:28px; color:#959595; min-height:252px; text-align:center;}
.support ul li:hover span{color:#fff;}
.support ul li:hover .title{color:#fff;}
.support .support_contact,.support .support_contact:hover{width:720px; float:left; margin-right:0; background:#f9f9f9;}
.support .support_contact .img_icon{margin-top:132px; text-align:center;}
.support .support_contact .title,.support .support_contact:hover .title{color:#b1b1b1; font-size:18px; margin-top:26px; line-height:33px;}
.support .support_contact .info,.support .support_contact:hover .info{color:#b1b1b1; font-size:14px; text-align:center; line-height:42px; min-height:212px;}
.support .support_contact span,.support .support_contact:hover span{ height:42px; min-height:42px;}
/*End Join*/

/*Join2*/
.claim{height:auto; overflow:hidden; margin-top:18px;}
.claim ul{margin:0; padding:0; height:auto; overflow:hidden;}
.claim ul li{width:340px; float:left; margin-right:40px; background:#f9f9f9; padding-bottom:41px; margin-bottom:28px; display:block;}
.claim ul li:hover{background:#004894;}
.claim ul li:nth-child(3n){margin-right:0;}
.claim ul li .img{width:71px; height:71px; margin:0 auto; margin-top:68px; margin-bottom:34px;}
.claim ul li span{display:block; width:260px; margin:0 auto; font-size:14px; line-height:28px; color:#959595; min-height:84px;}
.claim ul li:hover span{color:#fff;}
/*End Join2*/

/*Join3*/
.process{height:auto; overflow:hidden; margin-top:62px;}
.process ul{margin:0; padding:0; height:auto; overflow:hidden;}
.process ul li{width:188px; float:left; margin-right:40px; background:url(../images/join3_mark.png) no-repeat right center; margin-bottom:39px;}
.process ul li:nth-child(5n){margin-right:0;}
.process ul li:last-child{background:none;}
.process ul li .img{width:100px; height:100px; border-radius:56px; background:#004894; padding:6px; margin-bottom:27px;}
.process ul li:nth-child(2n) .img{background:#508ccb;}
.process ul li .img .circle{width:94px; height:94px; display:table-cell; vertical-align:middle; text-align:center; border-radius:47px; border:3px solid #fff;}
.process ul li span{display:block; line-height:24px; font-size:14px; color:#959595; width:132px; height:auto;}
/*End Join3*/

/*Join4*/
.join_info{height:auto; overflow:hidden; margin-top:16px;}
.join_info .join_ul{margin:0; padding:0; margin-bottom:74px; height:auto; overflow:hidden;}
.join_info .join_ul li{width:340px; margin-right:40px; float:left; text-align:center; padding:94px 0; background:#f9f9f9;}
.join_info .join_ul li .img{width:340px; height:117px; display:table-cell; vertical-align:middle; text-align:center;}
.join_info .join_ul li .title{height:37px; line-height:37px; font-size:18px; color:#959595; text-align:center; display:block;}
.join_info .join_ul li .info{line-height:38px; font-size:24px; color:#004894; text-align:center; display:block;}
.join_info .join_ul li .addr{line-height:24px; font-size:14px; color:#004894; text-align:center; display:block; width:200px; margin:0 auto;}
.join_info .join_ul li:nth-child(3n){margin-right:0;}
.join_info .join_form h3{font-weight:normal; font-size:18px; line-height:45px; text-align:center; color:#959595;}
.join_info .join_form .j_form{margin-top:25px; display:block; height:auto; overflow:hidden;}
.join_info .join_form .j_form ul{margin:0; padding:0; height:auto; overflow:hidden; margin-bottom:28px;}
.join_info .join_form .j_form ul li{padding:14px 0; width:536px; float:left; margin-right:28px;}
.join_info .join_form .j_form ul li:nth-child(2n){margin-right:0px;}
.join_info .join_form .j_form ul li input{width:492px; height:51px; line-height:51px; border:1px solid #d2d2d2; padding:0 21px; color:#a0a0a0;}
.join_info .join_form .j_form ul li #getcode{width:123px; padding:0 21px;}
.join_info .join_form .j_form ul li img{margin-left:10px; margin-right:24px;}
.join_info .join_form .j_form .button{text-align:center;}
.join_info .join_form .j_form .button input{width:184px; height:53px; color:#fff; margin-right:24px; border:none; cursor:pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
.join_info .join_form .j_form .button input:last-child{margin-right:0px;}
.join_info .join_form .j_form .button input[type=submit]{background:#004894;}
.join_info .join_form .j_form .button input[type=reset]{background:#959595;}
.join_info .join_form .j_form .button input[type=submit]:hover{background:rgba(0,72,148,0.7);}
.join_info .join_form .j_form .button input[type=reset]:hover{background:rgba(149,149,149,0.7);}
/*End Join4*/

/*Register*/
.reg{widows:100%; height:auto; overflow:hidden; margin-top:-5px;}
.reg .title{font-size:18px; color:#434343; height:69px; line-height:69px; text-align:center;}
.reg ul{margin:0; padding:0; height:auto; overflow:hidden;}
.reg ul li{width:50%; float:left; list-style:none;}
.reg ul li:nth-child(2n){ text-align:right;}
.reg ul li input{width:86%; height:3.64em; border:1px solid #d2d2d2; margin:1em 0; padding:0 1.43em;}
.reg ul .getcode input{width:27.5%; margin-right:10px;}
.reg ul .getcode span{margin-left:1em;}
.reg ul .getcode img{max-width:100px;}
.reg .button{margin-top:61px; text-align:center;}
.reg .button input{width:184px; height:53px; text-align:center; color:#fff; margin:0 12px; border:none;}
.reg .button input[type=submit]{background:#004894;}
.reg .button input[type=reset]{background:#959595;}
/*End Register*/

/*Service*/

.video_list{height:auto; overflow:hidden; margin-top:39px;}
.video_list ul{margin:0; padding:0; height:auto; overflow:hidden;width:1159px;}
.video_list ul li{width:520px; height:346px; overflow:hidden; float:left; margin-right:59px; margin-bottom:29px;}
.video_list ul li:nth-child(2n){margin-right:0;}
.video_list ul li .img{width:520px; height:290px; overflow:hidden; background:url(../images/service_video.png) no-repeat center;}
.video_list ul li .img img{max-width:520px; max-height:290px; position:relative; z-index:-1;}
.video_list ul li span{display:block; height:56px; line-height:56px; overflow:hidden; text-align:center;}

.video_list2{height:auto; overflow:hidden; margin-top:39px;}
.video_list2 ul{margin:0; padding:0; height:auto; overflow:hidden;width:1159px;}
.video_list2 ul li{width:520px; height:346px; overflow:hidden; float:left; margin-right:59px; margin-bottom:29px;}
.video_list2 ul li:nth-child(2n){margin-right:0;}
.video_list2 ul li .img{width:520px; height:290px; overflow:hidden; }
.video_list2 ul li .img img{max-width:520px; max-height:290px; position:relative; z-index:-1;}
.video_list2 ul li span{display:block; height:56px; line-height:56px; overflow:hidden; text-align:center;}
/*End Service*/

/*Service2*/
.network{height:auto; overflow:hidden; padding-top:75px;}
.network .left{width:519px; height:auto; overflow:hidden; float:left; margin-right:31px;}
.network .right{width:550px; float:left;}
.network .right .selection{height:33px; overflow:hidden; margin-bottom:25px;}
.network .right .selection select{width:156px; height:30px; border:1px solid #dcdcdc;}
.network .right #sale_box{width:464px; background:#fafafa; padding:25px 43px 39px 43px; height:334px; overflow-y:scroll; font-size:14px; line-height:28px; color:#7d7d7d; margin-bottom:41px;}
.network .right #sale_box strong{font-size:16px; line-height:60px; height:60px; color:#313131;}
/*End Service2*/


/*page*/
.page_con .page_f1{margin-right:170px;}
.page_con .page_f1 img{float:left;}
.page_con .page_title01{font-size:22px;font-family:Arial;line-height:28px;color:#535353;margin-top:60px;}
.page_con .page_title02{font-size:22px;font-family:"微软雅黑",Sans-Serif;line-height: 36px;color:#535353;margin-top: 10px;margin-bottom: 15px;}
.page_con .page_f2{background:url(../images/page_bg.jpg) no-repeat center center; text-align:center;clear:both;padding:0 3.125%;}


/*pro_box*/
.page_con .pro_box ul{margin:0;padding:0;width: 1137px;overflow:hidden;height:auto;color:#a0a0a0;margin-top: 28px;}
.page_con .pro_box ul li{width: 342px;float:left;margin-right: 37px;list-style:none;margin-bottom: 35px;position: relative;}
.page_con .pro_box ul li a{display:block;}
.page_con .pro_box ul li .list_img{width: 340px;height:270px;border:1px solid #d6d6d6;overflow:hidden;display: block;vertical-align:middle;text-align:center;background: #ffffff;
-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.page_con .pro_box ul li .list_img img{max-width: 340px;max-height:270px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.page_con .pro_box ul li:hover .list_img{border:1px solid #43B8C2;}
.page_con .pro_box ul li:hover img {filter:alpha(opacity=80);-moz-opacity:0.80; opacity:0.80;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.page_con .pro_box ul li .product_title{
   overflow:hidden;
   display:block;
   padding:2px 32px;
   height:36px;
   line-height:18px;
   text-align: center;
   font-size: 16px;
   background-color: #e6e6e6;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.page_con .pro_box ul li .product_title span{display:block; font-size:12px; }
.page_con .pro_box ul li:hover .product_title{color:#fff;background:#43B8C2;}
/*page_tab*/
.page_tab{width:100%;margin: 12px auto 80px auto;text-align: center;}
.page_tab a{display:inline-block;overflow:hidden;height: 30px;padding: 0 18px;background-color: #43B8C2;color:#fff;font-size:14px;line-height: 30px;vertical-align:middle;text-align:center;margin:0 6px;}
.page_tab a:hover{color:#fff;background-color: #034184;-ms-transition: .6s;-o-transition: .6s;transition: .6s;}
.page_tab .pagination{padding-right: 19px;}
.page_tab .pages{padding-left: 29px;}
/*honor*/
.honor{width:100%; height:auto; overflow:hidden; margin-top:47px; margin-bottom:13px; position:relative;}
.honor .prev,.honor .next{width: 47px;position:absolute;top:45%;cursor:pointer;background-color: #eeeeee;border-radius: 50%;}
.honor .next{right:0;}
.honor .prev{left:0;}
.honor .list{margin-left:110px; margin-right:109px; width:881px; height:auto; overflow:hidden; margin:0 auto; position:relative;}
.honor .list ul{margin:0; padding:0; height:660px; overflow:hidden; }
.honor .list ul li{list-style:none;float:left;width: 257px;height:auto;overflow:hidden;margin-right: 55px;}
.honor .list ul li .honor_box{padding-top:28px;background:url(../images/honor_icon.png) no-repeat center top;margin-bottom: 40px;}
.honor .list ul li .img{width: 255px;height: 204px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center;border: 1px solid #e5e5e5;}
.honor .list ul li .img img{margin:0; padding:0; max-width:255px; max-height:204px;}
.honor .list ul li .title{font-size:14px;overflow:hidden; color:#909090; text-align:center; height:55px; line-height:55px;}
/*case_list*/
.case_list {padding-top:17px;padding-bottom:32px;height:auto;overflow:hiddenclear:both;height:auto;overflow:hidden;}
.case_list ul {margin:0;padding:0;width:1250px;}
.case_list ul li {width:525px;height:350px;list-style:none;float:left;position:relative;display:inline-block;overflow:hidden;margin-right:50px;margin-bottom:50px;}
.case_list ul li .img{width:100%; width:525px;height:350px;margin:0; padding:0; overflow:hidden;    position: relative;}
.case_list ul li .img img{width:100%;max-width:525px;max-height:350px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;opacity: 1}
.case_list ul li:hover .mask{position: absolute;width: 100%;height: 100%;background:url(../images/case_bg.png) repeat left top;}
.case_list ul li .pro_info {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.case_list ul li .pro_info div {position: relative;top: 50%; margin-top: -15px; }
.case_list ul li:hover .pro_info {background-color: rgba(15,15,15,0.10);}
.case_list ul li .pro_info p.title {text-align: center;color: #fff;padding: 0 20px;font-size: 16px;transition: all ease-out .3s;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.case_list ul li .pro_info p.more {text-align: center; margin-top: 25px;transition: all ease-out .3s;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.case_list ul li .pro_info p.more  a{padding: 2px 5px;display:inline-block;min-width:100px;font-size: 14px;color: #fff;line-height:26px;border:1px solid #fff;}
.case_list ul li:hover .pro_info p.more {margin-top: 12px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}


.column_list {padding-top:17px;padding-bottom:1px;height:auto;overflow:hiddenclear:both;height:auto;overflow:hidden;}
.column_list ul {margin:0;padding:0;width:1250px;}
.column_list ul li {width:523px;height:350px;list-style:none;float:left;position:relative;display:inline-block;overflow:hidden;margin-right:50px;margin-bottom:50px; border:1px solid #ccc;}
.column_list ul li .img{width:100%; width:523px;height:350px;margin:0; padding:0; overflow:hidden;    position: relative;}
.column_list ul li .img img{width:100%;max-width:523px;max-height:350px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;opacity: 1}
.column_list ul li:hover .mask{position: absolute;width: 100%;height: 100%;background:url(../images/case_bg.png) repeat left top;}
.column_list ul li .pro_info {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.column_list ul li .pro_info div {position: relative;top: 50%; margin-top: -15px; }
.column_list ul li:hover .pro_info {background-color: rgba(15,15,15,0.10);}
.column_list ul li .pro_info p.title {text-align: center;color: #fff;padding: 0 20px;font-size: 16px;transition: all ease-out .3s;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.column_list ul li .pro_info p.more {text-align: center; margin-top: 25px;transition: all ease-out .3s;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.column_list ul li .pro_info p.more  a{padding: 2px 5px;display:inline-block;min-width:100px;font-size: 14px;color: #fff;line-height:26px;border:1px solid #fff;}
.column_list ul li:hover .pro_info p.more {margin-top: 12px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}


/*case2*/
.case2_box{margin-bottom:83px;margin-top:26px;}
.case2_box .case2_info{background-color: #fafafa;float:left;width:722px;margin-right:22px;padding-top:64px;}
.case2_box .case2_info .case2_title{text-align:left;margin:0 40px;padding: 10px 0;line-height:40px;font-size:20px;color:#959595; border-bottom: 1px solid #eeeeee;}
.case2_box .case2_info .case2_nr{ color: #959595;padding: 28px 40px;font-size:14px;line-height: 28px;min-height:188px;}
.case2_box .case2_info .case2_img{width:722px; height:480px;}
.case2_box .case2_info .case2_img img{ width:100%; height:100%;max-width:722px;max-height:480px;}

.case2_box .case2_listBox{width: 356px;height: 849px;float: left;margin:0 auto;position:relative;text-align: center;}
.case2_box .case2_listBox .case2_list{overflow:hidden;width: 356px;height:761px;margin: 42px 0;}
.case2_box .case2_listBox .case2_list ul{overflow:hidden;margin:0 auto;}
.case2_box .case2_listBox .case2_list ul li{list-style-type:none;display: block;width: 356px;margin-bottom: 25px;}
.case2_box .case2_listBox .case2_list ul li .pt{overflow:hidden; width: 356px;height: 237px;}
.case2_box .case2_listBox .case2_list ul li .pt img{width:100%;max-width: 356px;max-height: 237px;}
.case2_box .case2_listBox .prev,.case2_box .case2_listBox .next{width:356px;height:28px;display:inline-block;position:absolute;left:0;}
.case2_box .case2_listBox .next{bottom:0;}
.case2_box .case2_listBox .prev{top:0;}
/*article-img*/
.article-img{ width: 502px; height: 398px; }
/*product_xq*/
.detail_sjyc {display:none;}
.detail_box{margin-top: 47px;}
.detail_box .detail_img li{overflow:hidden;width: 502px; height: 398px;float:left; margin-right:86px; list-style:none; margin-bottom: 45px;text-align: center;border: 1px solid #c3c3c3;background-color: #ffff;}
.detail_box .detail_img2 li{overflow:hidden;width: 99%; height: auto;float:left; margin-right:86px; list-style:none; margin-bottom: 45px;text-align: center;border: 1px solid #c3c3c3;background-color: #ffff;display:none;}
.detail_box .detail_img li img{overflow:hidden;max-width:500px;max-height:390px;}
.detail_box .detail_nr{overflow:hidden;display:block;width:510px;float:left;position:relative;}
.detail_box .detail_nr .detail_title{display:block;font-size:20px;color: #43B8C2;}
.detail_box .detail_nr span{margin-left:30px;}
.detail_box .detail_nr .detail_parameter{overflow: hidden;line-height:30px;padding-top:10px;font-size:15px;color:#545454;}
.detail_box .detail_info{overflow:hidden;font-size: 14px;line-height: 30px;color: #828282;padding: 15px 0;border-bottom:1px solid #ebebeb;text-transform:uppercase;}
.detail_box .detail_tit{clear: both;overflow:hidden;padding-bottom: 10px;font-size:16px;line-height: 30px;color:#43B8C2;text-transform:uppercase;padding-bottom: 10px;border-bottom: 1px solid #ebebeb;}
.detail_box .detail_wz{padding:35px 0;margin-top: -9px;background: url(../images/focus_ss.png) left top no-repeat;}
/*news*/
.news_list {width:100%;height:auto;overflow:hidden;margin:0;padding:0;margin-bottom: 70px;}
.news_list li{list-style:none;display:block;float:left;width:100%;height:auto;border-bottom:1px solid #e8e8e8;font-size:14px;color:#959595;clear:both;padding:37px 0;   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;}
.news_list li a{color:#959595;}
.news_list li a:hover{color:#004894;}
.news_list .img{float:left;overflow:hidden;width: 420px;height:270px;margin-right:74px;}
.news_list .img img{width:100%;max-width: 420px;max-height:270px;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   -ms-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}
.news_list .img img:hover{filter:alpha(opacity=70);-moz-opacity:0.70; opacity:0.70;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.news_list .img a{display:block;}
.news_list .new_info{float:left;width: 606px;}
.news_list .date{font-size:18px;color: #959595;line-height: 20px;}
.news_list .title{font-size:18px;height:30px;line-height:30px;margin: 32px 0;margin-top: 32px;margin-bottom: 18px;overflow:hidden;}
.news_list .line{display: inline-block;margin-top:35px;height:4px;width: 54px;background-color: #004894;}
.news_list .info{overflow:hidden;height: 72px;line-height: 36px;}

/*download*/
.download{width:100%;height:auto; overflow:hidden;margin: 0 auto; }
.download ul{margin:0 auto; padding:0; margin-bottom:70px;margin-top:43px;}
.download ul li{font-size:14px;height: 54px;line-height: 54px;padding: 0 28px 0 0;overflow:hidden;text-indent: 52px;background: url(../images/down_icon.png) no-repeat 18px center #f9f9f9;text-overflow:ellipsis;white-space:nowrap;}
.download ul li:nth-child(2n){background: url(../images/down_icon.png) no-repeat 18px center #fff;}
.download ul li a{color:#898989;}
.download ul li a:hover{color:#004894;}
.download ul li .date{float: right;color:#898989;}
/*dibu*/
.box_swipe{
	overflow:hidden;
	position:relative;
	display:none;
}

.box_swipe>ol>li {
	background:#fff;
	-webkit-box-shadow: inset 0 0 3px #aaa;
}
.box_swipe>ol>li.on{
	background:rgb(146,214,235);
}

.box_swipe>ol{
	position:absolute;
	margin:auto;
	top:50%;
	background:none;
	width:100%;
	text-align:center;
}

#topList_box ol{
	pointer-events:none;
}
#navList_box{
	height:70px;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background:rgba(10,10,10,0.5);
	z-index:2000;
	max-width:640px;
	margin:auto;

	padding:5px 0;
}
#navList_box li{
	padding:0 33px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#navList_box li>a{ font-size:12px;
	width:25%;
	float:left;
	text-align:center;
	color:#fff;
	overflow:hidden;
}
#navList_box li>a div{color:#fff;}
#navList_box li>a img{
	width:45px;
	height:45px;
	max-height:80%;
	margin:5px 0;
}

#navList_box ol{
	position:absolute;
	top:0;
	z-index:2100;
	height:0px;
	background:red;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}

#navList_box ol>a{
	color:#ccc;
	display:inline-block;
	width:15px;
	height:15px;
	float:left;
	background:transparent;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	border:0px solid #fff;
	margin:13px;
	margin-top:25px;
	border-width:0 0 1px 1px;
}
#navList_box ol>a:nth-of-type(2){
	float:right;
	border-width:1px 1px 0 0;
}

span[class*="icon"]{
    display:inline-block!important;
    width:45px;
    height:45px;
    background:rgba(255,255,255,0.8);
    border-radius:45px;
    border:1px solid #fff;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    box-shadow:inset 0 0 3px #aaa;
    margin:5px 0;
}
span[class*="icon"]:before{
    color:#000;
    font-size:25px;
    line-height:45px;
}
span[class*="icon"]+img{
    display:none;
}

@media screen and (max-width:1100px) {
.Main_Center{width:93.75%;}
.top{height:auto;}
.top .level_01{height:12vw;display: block;}

.top .level_01 .lng{ width:20%;}
.top .level_01 .search{ width:20%; }
.top .level_01 .logo{display:table; float:left; text-align:center; width:60%; height:auto;}

/*.top .level_01 .lng{display:none;}
.top .level_01 .logo{display:table; float:left; text-align:left; width:100%; height:auto;}
.top .level_01 .logo{display:table; float:left; text-align:left; width:100%; height:auto;}
.top .level_01 .logo .img{width:100%; height:12vw;}
.top .level_01 .logo .img img{width:50%;}*/
/*
.top .topnav_box {display:none;}
.top2 {display:block;}*/
	
.index_about .img_list ul li{width:calc(25% - 48px);}
.index_about .img_list ul li img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none; width:100%;}
.index_about .about_info{width:100%;}

.index_product .columns .mark{display:block;}
.index_product .columns a .mark{z-index:2; filter:alpha(opacity=1); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
.index_product .columns a img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}


.index_news .index_news_list .list ul li{width:calc(100% / 3 - 1em); height:auto; overflow:hidden; float:left; margin-right:1.5em; background:#fafafa;}
.index_news .index_news_list .list ul li .date{position:absolute; left:0; top:0; width:66px; text-align:center; height:36px; padding:15px 0; background:#004894; color:#fff; font-size:14px; line-height:18px;}

/*
.page_con{border-top:none;}
.page_con img{width:100%;}
.page_nav {width:100%; margin:0 auto;}
.page_nav ul li{margin-right:1em;}
.page_nav .menu{width:calc(100% - 1.25em); background:#f5f5f5; font-size:0.83em; text-indent:1.46em; height:3.1em; line-height:3.1em; margin-top:1em; padding-right:1.25em; display:block;}
.page_nav .menu .mark{width:2%;float:right;display:block;text-align:left;padding:1.25em 0;}
.page_nav .menu .mark img{width:100%; margin:0; padding:0; display:block;}
.page_nav .menu .word{font-size:0.83em; text-align:left; display:table;}
.page_nav .sub_menu{width:100%;padding: 1.5em 0 0.5em 0;margin:0;background:#f5f5f5;mar;margin-top: 0.58em;height: auto;overflow:hidden;}
.page_nav .sub_menu li{display:inline-block;padding:0 1.33em;font-size:0.83em;height:1.33em;line-height:1.33em;margin:0;margin-bottom: 1em;}
.page_nav .sub_menu li a{font-size:0.83em; margin:0; height:1.33em;}
.page_nav .sub_menu li:hover a, .page_nav .sub_menu .focus a{ border:none; height:1.33em; margin:0; font-size:0.83em;}
.page_nav .sub_menu li:hover, .page_nav .sub_menu .focus{display:inline-block;padding:0 1.33em;font-size:0.83em;height:1.33em;line-height:1.33em;margin:0;background: none;}
*/

/*Join*/
.support ul li{width:calc(100% / 3 - 2em - 3px); float:none; margin-right:2em; padding-bottom:3em; margin-bottom:2em; display:inline-block; vertical-align:top;}
.support ul li span{display:block; width:90%; margin:0 auto; font-size:14px; line-height:28px; color:#959595; min-height:252px; text-align:center;}
.support .support_contact,.support .support_contact:hover{width:calc(100% / 3 * 2 - 2em - 3px); float:none; display:inline-block; margin-right:0; background:#f9f9f9;}
.support .support_contact .img_icon{margin-top:132px; text-align:center;}
.support .support_contact .img_icon img{max-width:89px; max-height:72px;}
.support .support_contact span,.support .support_contact:hover span{ height:42px; min-height:42px;}
/*End Join*/

/*Join2*/
.claim ul li{width:calc(100% / 3 - 2em - 3px); float:none; display:inline-block; margin-right:3em; background:#f9f9f9; padding-bottom:41px; margin-bottom:28px; vertical-align:top;}
/*End Join2*/

/*Join3*/
.process ul li{width:calc(100% / 4 - 2em - 3px); float:none; display:inline-block; margin-right:2.5em; background:url(../images/join3_mark.png) no-repeat right center; margin-bottom:39px; vertical-align:top;}
.process ul li:nth-child(4n){margin-right:0;}
.process ul li:nth-child(5n){margin-right:2.5em;}
.process ul li:last-child{background:none;}
.process ul li .img{width:100px; height:100px; border-radius:56px; background:#004894; padding:6px; margin-bottom:27px;}
.process ul li:nth-child(2n) .img{background:#508ccb;}
.process ul li .img .circle{width:94px; height:94px; display:table-cell; vertical-align:middle; text-align:center; border-radius:47px; border:3px solid #fff;}
.process ul li span{display:block; line-height:24px; font-size:14px; color:#959595; width:132px; height:auto;}
/*End Join3*/

/*Join4*/
.join_info .join_ul li{width:calc(100% / 3 - 1em); margin-right:1.5em; padding:5em 0; background:#f9f9f9;}
.join_info .join_ul li .img{width:100%; height:117px; display:block; vertical-align:middle; text-align:center;}
.join_info .join_ul li .img img{max-width:67px;}
.join_info .join_ul li:nth-child(3n){margin-right:0;}
.join_info .join_ul li .title{height:37px; line-height:37px; font-size:18px; color:#959595; text-align:center; display:block;}
.join_info .join_ul li .info{line-height:38px; font-size:24px; color:#004894; text-align:center; display:block;}
.join_info .join_ul li .addr{line-height:24px; font-size:14px; color:#004894; text-align:center; display:block; width:90%; margin:0 auto;}
.join_info .join_form h3{font-weight:normal; font-size:18px; line-height:45px; text-align:center; color:#959595;}
.join_info .join_form .j_form{margin-top:25px; display:block; height:auto; overflow:hidden;}
.join_info .join_form .j_form ul{margin:0; padding:0; height:auto; overflow:hidden; margin-bottom:28px;}
.join_info .join_form .j_form ul li{padding:14px 0; width:calc(50% - 14px); float:left; margin-right:28px;}
.join_info .join_form .j_form ul li input{width:calc(100% - 2px - 2em); height:51px; line-height:51px; border:1px solid #d2d2d2; padding:0 1em; color:#a0a0a0;}
.join_info .join_form .j_form ul li #getcode{width:25%; padding:0 21px;}
.join_info .join_form .j_form ul li img{margin-left:10px; margin-right:24px; max-width:100px;}
/*End Join4*/

/*Service*/
.video_list ul{width:100%;} 
.video_list ul li{width:calc((100% / 2) - 1em); height:auto; overflow:hidden; float:left; margin-right:2em; margin-bottom:1.2em;}
.video_list ul li:nth-child(2n){margin-right:0;}
.video_list ul li .img{width:100%; height:auto; overflow:hidden; background:url(../images/service_video.png) no-repeat center; background-size:100% 100%;}
.video_list ul li .img img{max-width:100%; max-height:auto; position:relative; z-index:-1;}
.video_list ul li span{display:block; height:3em; line-height:3em; overflow:hidden;}
/*End Service*/

/*Service2*/
.network{height:auto; overflow:hidden;}
.network .left{width:100%; float:none; margin-right:0; text-align:center;}
.network .left img{width:auto;}
.network .right{width:100%; float:none;}
.network .right #sale_box{width:calc(100% - 86px);}
.network .right #sale_box strong{font-size:16px; line-height:60px; height:60px; color:#313131;}
/*End Service2*/


/*page*/
.page_con .page_f1{width:93.75%;margin:0 auto;}
.page_con .page_f1 img{float:none;width:100%;}
.page_con .page_title01{font-size:1.375em;line-height:1.75em;margin-top:3.75em;}
.page_con .page_title02{font-size:1.375em;line-height: 2.25em;margin-top: 0.625em;margin-bottom: 0.9em;}
/*pro_box*/
.page_con .pro_box ul{width:calc(100% + 2.3em);margin-top:1em;}
.page_con .pro_box ul li{width:calc(100% / 3 - 2px - 2.3em);float:left; margin-right:2.3em; margin-bottom:2.1em;}
.page_con .pro_box ul li .list_img{height: 240px;width: 100%;}
.page_con .pro_box ul li .list_img img{max-height: 100% !important;max-width: 140px !important;} 
.page_con .pro_box ul li .product_title{padding:0.5em 2em;height:3.25em;line-height:1.625em;font-size:1em;}
.page_con .pro_box ul li:hover .product_title{padding-left:3.25em;}
/*page_tab*/
.news_list {width:100%;height:auto;overflow:hidden;margin:0;padding:0;}
.page_tab{width:100%;margin: 0.75em auto 5em auto;text-align: center;}
.page_tab a{display:inline-block;overflow:hidden;height:1.875em;padding:0.5em 3em;font-size:0.875em;line-height:1.875em;vertical-align:middle;text-align:center;margin:0 0.375em;}
.page_tab .pagination{padding-right:1em;}
.page_tab .pages{padding-left:1.8em;}
/*honor*/
.honor .list{width: 70%;margin-left: 17%;margin-right: 15%;}
.honor .list ul li .honor_box{padding-top:1.75em;margin-bottom: 2.5em;background-size: 51%;}
.honor .list ul li{width:calc(100% / 3 - 55px); margin-right:55px;}
.honor .list ul li .img{width:calc(100% - 2px); height:auto;display:block;}
.honor .list ul li .img img{width:100%; max-width:100%; max-height:100%;}
.honor .list ul li .title{font-size:0.875em;height:3em; line-height:3em;}
/*case_list*/
.case_list ul{width:calc(100% + 2em);margin-top:1em;}
.case_list ul li{width:calc(100% / 2 - 2em);height:100%;float:left; margin-right:2em; margin-bottom:2em;}
.case_list ul li .img{width:100%;height:100%;}
.case_list ul li .img img{width:100%;max-width:640px;}
.case_list ul li .img a{display:block;}
.case_list ul li .pro_info p.title {padding: 0 1.25em;font-size: 1em;}
.case_list ul li .pro_info p.more {margin-top: 0.75em;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.case_list ul li .pro_info p.more a{padding: 0.5em 0.3em;min-width:100px;font-size: 0.875em;line-height:1.5em;}
.case_list ul li:hover .pro_info p.more {margin-top:0.75em;}


.column_list ul{width:calc(100% + 2em);margin-top:1em;}
.column_list ul li{width:calc(100% / 2 - 2em - 2px);height:100%;float:left; margin-right:2em; margin-bottom:2em;}
.column_list ul li .img{width:100%;height:100%;}
.column_list ul li .img img{width:100%;max-width:640px;}
.column_list ul li .img a{display:block;}
.column_list ul li .pro_info p.title {padding: 0 1.25em;font-size: 1em;}
.column_list ul li .pro_info p.more {margin-top: 0.75em;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.column_list ul li .pro_info p.more a{padding: 0.5em 0.3em;min-width:100px;font-size: 0.875em;line-height:1.5em;}
.column_list ul li:hover .pro_info p.more {margin-top:0.75em;}


/*case2*/
.case2_box{margin-bottom:5em;margin-top:1.625em;}
.case2_box .case2_info{float:none;width:100%;margin-right:0;padding-top:2em;}
.case2_box .case2_info .case2_title{margin:0 1em;padding: 0.5em 0;line-height:2.5em;font-size:1.25em;}
.case2_box .case2_info .case2_nr{padding: 1.75em 1em;font-size:0.875em;line-height:1.75em;min-height:11em;}
.case2_box .case2_info .case2_img{width:100%; height:100%;}
.case2_box .case2_info .case2_img img{max-width:100%;max-height:100%;}
.case2_box .case2_listBox{width: 100%;height: 100%;float:none;margin:0 auto;margin-top: 2em;}
.case2_box .case2_listBox .case2_list{overflow:hidden;width: 100%;height:100%;margin: 1em 0;}
.case2_box .case2_listBox .case2_list ul li{width: 100%;margin-bottom: 0;}
.case2_box .case2_listBox .case2_list ul li .pt{width: 100%;height:100%;}
.case2_box .case2_listBox .case2_list ul li .pt img{max-width:100%;max-height:100%;}
.case2_box .case2_listBox .prev,.case2_box .case2_listBox .next{width:100%;height:100%;display:block;position:static;left:0;}
.case2_box .case2_listBox .next{bottom:0;}
.case2_box .case2_listBox .prev{top:0;}
/*product_xq*/
.detail_box{margin-top: 3em;}
.detail_box .detail_img img{overflow:hidden;width:calc(44% - 2px);height:100%;margin-right:6%; margin-bottom:3.75em;}
.detail_box .detail_nr{width:50%;}
.detail_box .detail_nr .detail_title{font-size:1.125em;padding-bottom: 0.625em;}
.detail_box .detail_nr span{margin-left:1.8em;}
.detail_box .detail_nr .detail_parameter{line-height:1.8em;padding-top:1.25em;font-size:0.875em;}
.detail_box .detail_info{font-size:0.875em;line-height:1.8em;padding:0.3em 0;}
.detail_box .detail_tit{font-size:1em;padding-bottom: 0.6em;}
.detail_box .detail_wz{padding:2em 0;}

/*news*/
.news_list li{padding:2.5em 0;}
.news_list .img{float:left;width: 40%;height:100%;margin-right: 4%;}
.news_list .img img{width:100%;max-width: 100%;max-height:100%;}
.news_list .new_info{float:left;width: 56%;}
.news_list .date{font-size:1.125em;line-height: 1.2em;}
.news_list .title{font-size:1.125em;height:1.5em;line-height:1.5em;margin-top: 1em;margin-bottom: 0.8em;}
.news_list .more{font-size:0.75em; margin-top:1em;}
.news_list .info{font-size:0.875em;overflow:hidden;height:4.4em;line-height:2.2em;}
.news_list .line{margin-top:2em;height:4px;width: 54px;}


 .top .logo {width:calc(100% - 812px);}
 .top .nav {width:812px;}

}
@media screen and (max-width:900px) {
.top .level_01 .lng{display:none;}
.top .level_01 .search{display:none;}
.top .level_01 .logo{display:table; float:left; text-align:left; width:100%; height:auto;}
.top .level_01 .logo .img{width:25%; height:9vw;}
.top .level_01 .logo .img img{width:100%; max-width:230px;}	
	
.top .topnav_box {display:none;}
.top .box {display:none;}
.top2 {display:block;}
.box_swipe {display:block;}
.Main_Center {display:block;}
.index_news {display:none;}
.level_01 {display:block;}
.columns_right {display:none;}
.fullwidthbanner-container {display:none;}
.sjyc1 {display:none;}
.detail_sjyc {display:block;}
.detail_sjxs {display:none;}
.detail_box .detail_img li {display:none;}
.detail_box .detail_img2 {display:block;}
.detail_box .detail_img2 li {display:block;}


.page_con{border-top:none;}
.page_con img{width:60%;}
.page_nav {width:100%; margin:0 auto;}
.page_nav ul li{margin-right:1em;}
.page_nav .menu{width:calc(100% - 1.25em); background:#44B9C2; font-size:0.83em; text-indent:1.46em; height:3.1em; line-height:3.1em; margin-top:1em; padding-right:1.25em; display:block;}
.page_nav .menu .mark{width:2%;float:right;display:block;text-align:left;padding:1.25em 0;}
.page_nav .menu .mark img{width:100%; margin:0; padding:0; display:block;}
.page_nav .menu .word{font-size:0.83em; text-align:left; display:table; color:#ffffff;}
.page_nav .sub_menu{width:100%;padding: 1.5em 0 0.5em 0;margin:0;background:#f5f5f5;mar;margin-top: 0.58em;height: auto;overflow:hidden;}
.page_nav .sub_menu li{display:inline-block;padding:0 1.33em;font-size:0.83em;height:1.33em;line-height:1.33em;margin:0;margin-bottom: 1em;}
.page_nav .sub_menu li a{font-size:0.83em; margin:0; height:1.33em;}
.page_nav .sub_menu li:hover a, .page_nav .sub_menu .focus a{ border:none; height:1.33em; margin:0; font-size:0.83em;}
.page_nav .sub_menu li:hover, .page_nav .sub_menu .focus{display:inline-block;padding:0 1.33em;font-size:0.83em;height:1.33em;line-height:1.33em;margin:0;background: none;}




	}
@media screen and (max-width:640px) {
	
	
.top .level_01 .logo .img{width:100%; height:12vw; display:table-cell; vertical-align:middle;}	
.fullSlide{display:none;}
.xxt {display:block;}
#owl-demo{dispaly:block;}


.banner {width:100%;overflow:hidden;}
.banner img {width:200%; margin-left:-50%;}

.index_about .img_list ul li{width:calc(50% - 48px); margin-bottom:2em;}
.index_about .about_info{font-size:16px;}

.index_product .columns .columns_left{width:100%; float:none;}
.index_product .columns .columns_left .column_top{overflow:hidden; margin-bottom:1em;}
.index_product .columns .columns_left .column_left,.index_product .columns .columns_left .column_right{float:none; width:100%; margin-bottom:1em;}
.index_product .columns .columns_left .column_left{margin-right:0px;}
.index_product .columns .columns_right{margin-left:0; float:left; width:100%}


.index_news .index_news_list .list ul li{width:100%; float:none; margin-right:0;}

.page_nav .menu .mark{width:4.5%;}	

/*admin*/
.login{padding:0;}
.login .login_form{width:calc( 100% - 1em); max-width:453px; margin:0 auto; padding:0 0.5em; display:block;}
.login .login_form .login_title{font-size:1.2em; height:2em; line-height:2em;}
.login .login_form ul li{height:4em;}
.login .login_form input[type=text],.login .login_form input[type=password]{ width:calc(100% - 1.6em - 2px); height:3em; margin:0.5em 0; padding:0 0.8em;}
.login .login_form input[type=submit]{height:3.1em; margin:0.5em 0; font-size:1em;}
.login .login_form ul .getcode input{width:27.6%; margin-right:2%;}
.login .login_form ul .getcode img{width:22%;}
.login .login_form ul .getcode span{margin-left:5%;}

/*End admin*/


/*Join*/
.support ul li{width:100%;margin-right:0;}
.support ul li span{min-height:auto;}
.support .support_contact,.support .support_contact:hover{width:100%; float:none; display:inline-block; margin-right:0; background:#f9f9f9;}
/*End Join*/

/*Join2*/
.claim ul li{width:100%; float:none; display:inline-block; margin-right:0; background:#f9f9f9; padding-bottom:41px; margin-bottom:28px; vertical-align:top;}
/*End Join2*/

/*Join3*/
.process ul li{width:calc(100% / 2 - 1em - 3px); float:none; display:inline-block; margin-right:2em; background:none; margin-bottom:39px; vertical-align:top; text-align:center;}
.process ul li:nth-child(5n){margin-right:2em;}
.process ul li:nth-child(2n){margin-right:0;}
.process ul li:last-child{background:none;}
.process ul li .img{width:100px; height:100px; border-radius:56px; background:#004894; padding:6px; margin:0 auto; margin-bottom:27px;}
.process ul li:nth-child(2n) .img{background:#508ccb;}
.process ul li .img .circle{width:94px; height:94px; display:table-cell; vertical-align:middle; text-align:center; border-radius:47px; border:3px solid #fff;}
.process ul li span{display:block; line-height:24px; font-size:14px; color:#959595; width:100%; height:auto;}
/*End Join3*/

/*Join4*/
.join_info .join_ul li{width:100%; margin-right:0; padding:5em 0; background:#f9f9f9; margin-bottom:1em;}
.join_info .join_form .j_form ul li{padding:14px 0; width:calc(100% - 14px); float:none; margin-right:0;}
.join_info .join_form .j_form ul li input{width:calc(100% - 2px - 2em); height:51px; line-height:51px; border:1px solid #d2d2d2; padding:0 1em; color:#a0a0a0;}
.join_info .join_form .j_form .button input{width:100%; margin-right:0; margin-bottom:1em;}
/*End Join4*/

/*Register*/
.reg ul li{width:100%; float:none;}
.reg ul li input{width:calc(100% - 2px - 2.86em); height:3.64em; border:1px solid #d2d2d2; margin:1em 0; padding:0 1.43em;}
.reg ul .getcode{display:table-cell; vertical-align:middle; float:none; width:100%;}
.reg ul .getcode input{width:45%; margin-right:0.7em;}
.reg ul .getcode img{width:35%;}
.reg ul .getcode span{display:block; margin-left:0;}
.reg .button{margin-top:61px; text-align:center;}
.reg .button input{width:100%; height:3.8em; text-align:center; color:#fff; margin:0.5em auto; border:none;}
/*End Register*/

/*Service*/
.video_list ul li{width:100%; height:auto; overflow:hidden; float:none; margin-right:0; margin-bottom:1.2em;}
.video_list ul li .img{width:100%; height:auto; overflow:hidden; background:url(../images/service_video.png) no-repeat center; background-size:100% 100%;}
.video_list ul li .img img{max-width:100%; max-height:100%; position:relative; z-index:-1;}
.video_list ul li span{display:block; height:3em; line-height:3em; overflow:hidden; text-align:center;}
/*End Service*/

/*Service2*/
.network .left img{width:100%;}
.network .right{width:100%; float:none;}
.network .right .selection{height:auto;}
.network .right .selection select{width:100%; margin-top:1em;}
/*End Service2*/

/*pro_box*/
.page_con .pro_box ul{width:calc(100% + 0.625em);margin-top:0;}
.page_con .pro_box ul li{width:calc(50% - 2px - 0.625em);float:left; margin-right:0.625em; margin-bottom:1.5em;}
.page_con .pro_box ul li .list_img{width:100%;height:100%;}
.page_con .pro_box ul li .list_img img{max-width:100%; max-height:100%;  } 
.page_con .pro_box ul li .product_title{padding:0.3em 1em;height:3em;line-height:1.5em;font-size:0.9em;}
.page_con .pro_box ul li:hover .product_title{padding-left:2.25em;}
/*page_tab*/
.page_tab .pagination,.page_tab .pages{display:none;}
.page_fb .feedback2 .z{display:block;clear:both;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;border-radius: 0;}
/*honor*/
.honor{margin-top:2.5em; margin-bottom:0.8em; }
.honor .list .line{display:none;}
.honor .list{width:100%;margin-left:0; margin-right:0;}
.honor .list ul li{width:calc(100%); margin-right:0;}
.honor .list ul li .honor_box{padding-top:2em;margin-bottom: 1em;background-size: 51%;}
.honor .list ul li .img{width:calc(100% - 2px); height:auto;display:block;}
.honor .list ul li .img img{width:100%; max-width:100%; max-height:100%;}
.honor .list ul li .title{font-size:0.875em;height:3em; line-height:3em;}
.honor .prev,.honor .next{width:47px; position:static; text-align:center; display:block; margin-top:1.5em;}
.honor .prev{margin-left:calc(45% - 47px); float:left;}
.honor .next{margin-right:calc(45% - 47px); float:right;}
/*case_list*/
.case_list {padding-top:0;padding-bottom:2em;}
.case_list ul{width:100%;margin-top:1em;}
.case_list ul li{width:100%;float:left; margin-right:0; margin-bottom:1em;}
.case_list ul li .img img{width:100%;max-width:640px;}
.case_list ul li .img a{display:block;}
/*product_xq*/
.detail_box .detail_img img{width:calc(100% - 2px);margin-right:0;}
.detail_box .detail_nr{width:100%;margin-bottom:2em;}
/*news*/
.news_list li{padding:2em 0;}
.news_list li:hover{padding-left:0;}
.news_list .img{float:left;width:calc(50% - 1.25em);margin-right:1.25em;}
.news_list .new_info{float:left;width: 50%;}
.news_list .img img{width:100%;min-width: 140px;}
.news_list .date{font-size:1em;}
.news_list .title{font-size:1em;height:1.5em;line-height:1.5em;margin-top: 0.5em;margin-bottom: 0.5em;}
.news_list .line{display:none;}


/*pro_box*/
.page_con .pro_box ul{width:calc(100% + 0.625em);margin-top:0;}
.page_con .pro_box ul li{width:calc(50% - 2px - 0.625em);float:left; margin-right:0.625em; margin-bottom:1.5em;}
.page_con .pro_box ul li .list_img{height: 240px;width: 100%;}
.page_con .pro_box ul li .list_img img{max-height: 100% !important;max-width: 140px !important;} 
.page_con .pro_box ul li .product_title{padding:0.3em 1em;height:3em;line-height:1.5em;font-size:0.9em;}
.page_con .pro_box ul li:hover .product_title{padding-left:2.25em;}
/*page_tab*/
.page_tab .pagination,.page_tab .pages{display:none;}
.page_fb .feedback2 .z{display:block;clear:both;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;border-radius: 0;}
/*honor*/
.honor{margin-top:2.5em; margin-bottom:0.8em; }
.honor .list .line{display:none;}
.honor .list{width:100%;margin-left:0; margin-right:0;}
.honor .list ul li{width:calc(100%); margin-right:0;}
.honor .list ul li .honor_box{padding-top:2em;margin-bottom: 1em;background-size: 51%;}
.honor .list ul li .img{width:calc(100% - 2px); height:auto;display:block;}
.honor .list ul li .img img{width:100%; max-width:100%; max-height:100%;}
.honor .list ul li .title{font-size:0.875em;height:3em; line-height:3em;}
.honor .prev,.honor .next{width:47px; position:static; text-align:center; display:block; margin-top:1.5em;}
.honor .prev{margin-left:calc(45% - 47px); float:left;}
.honor .next{margin-right:calc(45% - 47px); float:right;}
/*case_list*/
.case_list {padding-top:0;padding-bottom:2em;}
.case_list ul{width:100%;margin-top:1em;}
.case_list ul li{width:100%;float:left; margin-right:0; margin-bottom:1em;}
.case_list ul li .img img{width:100%;max-width:640px;}
.case_list ul li .img a{display:block;}
/*product_xq*/
.detail_box .detail_img img{width:calc(100% - 2px);margin-right:0;}
.detail_box .detail_nr{width:100%;margin-bottom:2em;}
/*news*/
.news_list li{padding:2em 0;}
.news_list li:hover{padding-left:0;}
.news_list .img{float:left;width:calc(50% - 1.25em);margin-right:1.25em;}
.news_list .new_info{float:left;width: 50%;}
.news_list .img img{width:100%;min-width: 140px;}
.news_list .date{font-size:1em;}
.news_list .title{font-size:1em;height:1.5em;line-height:1.5em;margin-top: 0.5em;margin-bottom: 0.5em;}
.news_list .line{display:none;}


/*download*/
.download{width:100%;height:auto; overflow:hidden;margin: 0 auto; }
.download ul{margin:0 auto; padding:0; margin-bottom:4em;margin-top:2.5em;}
.download ul li{font-size:0.875em;height: 3em;line-height: 3em;padding: 0 0 0 0;overflow:hidden;text-indent: 3.25em;background: url(../images/down_icon.png) no-repeat 1.25em center #f9f9f9;background-size: 1.25em;text-overflow:ellipsis;white-space:nowrap;}
.download ul li:nth-child(2n){background: url(../images/down_icon.png) no-repeat 1.25em center #fff;background-size: 1.25em;}
.download ul li a{color:#666666;display:block;}
.download ul li .date{display: none;}


}