@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width:1400px; width:90%; margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center;}
.flex>div{ width:100%;}

/*header*/
.header{ height:100px; }
.header .logos{ position: relative; z-index:1; line-height:100px;}
.header .logos img{ max-height:60px; }

.header .container{ position: relative;}
.nav{ color:#515151; font-size:18px; text-align: center; position: absolute; left:0; width:100%; top:0; line-height:100px; height:100px; padding:0 30px 0 160px; }
.nav li{ display: inline-block; position: relative; }
.nav li>a{ display: block; padding:0 35px; position: relative; z-index:1; }
.nav li>a:after{ content:""; position:absolute; left:0; width:0; top:0; height:3px; background:#2468f2;}
.nav li.on,.nav li:hover{  color:#2468f2;}
.nav li.on a:after,.nav li:hover a:after{ width:100%;}

.nav li .sub{ position: absolute; width:100%; top:100px; left:0; z-index:100; background:rgba(255,255,255,.9); font-size:16px; display: none; box-shadow: 0 0 10px #ffffff; }
.nav li .sub a{ display: block; width:100%; height:50px; line-height:50px; color:#333333; border-top:1px solid #dcdcdc; position: relative;}
.nav li .sub a:hover{ background:#2468f2; color:#ffffff; }
.nav li .sub66{ width:170%; left:-35%;}

.nav_btn{ display: none; width:24px; height:60px; width:60px; padding:20px 18px; cursor: pointer; position: relative; z-index:10; background:#2468f2;}
.nav_btn span{ width:24px; height:2px; display: block; background:#ffffff; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.nav_btn span.sp02{ margin:7px auto;}
.nav_btn span.sp03{ width:12px; }

.nav_btn.close .sp01{transform:matrix(-1,1,-0.8,-0.8,0,8.5)}
.nav_btn.close .sp02{opacity: 0;}
.nav_btn.close .sp03{transform:matrix(-1,-1,0.8,-0.8,0,-8.5); width:24px;}


.header .search_btn{ margin-top:35px; width:30px; height:30px; background: url(../images/search_btn.png) no-repeat center center; background-size:100%; cursor: pointer; position: relative; z-index:1; }
.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9000; display:none;}
.search_main{ padding:50px; width:500px; height:150px; background:#ffffff; position: fixed; left:50%; top:50%; z-index:10000; margin:-75px 0 0 -250px; box-shadow: 0 0 20px #999999; display:none;}
.search_main .input{ width:350px; height:50px; border:1px solid #2468f2; padding:0 15px; float:left; font-size:14px;}
.search_main .submit{ width:50px; height:50px; background:#2468f2 url(../images/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;}
/*header*/

/*banner*/
.banner{ width:100%; }
.banner .swiper-slide{ position: relative;}
.banner img{ display: block; width:100%; }
.banner .bantxt{ position: absolute; left:0; top:0; width:100%; height:100%; }
.banner .bantxt h3{ color:#ffffff; font-size:60px; font-weight:normal; }
.banner .bantxt p{ color:#ffffff; font-size:24px; margin:1% 0 8% 0; line-height:1.8; }
.banner .bantxt .more{ width:150px; height:48px; border-radius:10px; color:#ffffff; background:#fc7318; font-size:16px; line-height:48px; text-align:center; }
.banner .bantxt .more:hover{ background:#2468f2; }
.banner .bantxt6 h3,.banner .bantxt6 p{ color:#373434;}


.banner .banner-prev,.banner .banner-next{ width:80px; height:80px; position: absolute; top:50%; margin-top:-40px; z-index:10; cursor: pointer;}
.banner .banner-prev{ background: url(../images/prev.png) no-repeat center center; background-size:100%; left:0;}
.banner .banner-next{ background: url(../images/next.png) no-repeat center center; background-size:100%; right:0;}

.banner .swiper-pagination{ line-height:0; bottom:6%; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; margin:0 6px; border-radius:50%; border:1px solid #ffffff; opacity:1; background:none;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#ffffff; }
/*banner*/

.htit{ text-align: center; margin-top:7%; line-height:1;}
.htit h3{ color:#282a2c; font-size:42px; font-weight: normal;}
.htit p{ color:#464646; font-size:18px; margin-top:2.5%; }


.homebj01{ background: url(../images/homebj01.jpg) no-repeat center center; background-size:100% auto;}
.homebj02{ background: url(../images/homebj02.jpg) no-repeat center center; background-size:100% auto;}

/*首页产品*/
.homeprod{ margin:7% 0;}
.homeprod .picture{ width:48.5%; overflow: hidden; }
.homeprod .picture .img{ overflow: hidden;}
.homeprod .picture .img img{ display: block; width:100%;}
.homeprod .picture .more{ margin-top:50px; float: right; width:150px; height:50px; line-height:50px; text-align: center; background:#2468f2; color:#ffffff; font-size:18px; border-radius:25px; }
.homeprod .picture .more:hover{ background:#fc7318; }

.homeprod .content{ width:48.5%;}
.homeprod .content .tit{ color:#414141; font-size:42px; margin-left:6%;}
.homeprod .content .tit:after{ content:""; width:20px; height:5px; display: block; background:#2468f2; margin:2% 0;}
.homeprod .content .tit:hover{ color:#2468f2;}
.homeprod .content .info{ color:#676767; font-size:18px; line-height:2; margin-left:6%;}
.homeprod .content .icolist{ overflow: hidden; width:100%; margin-top:4%; }
.homeprod .content .icolist li{ float: left; width:20%; }
.homeprod .content .icolist li .ico{ width:52px; border:1px dashed #2468f2; border-radius:5px; margin:0 auto; }
.homeprod .content .icolist li .ico img{ display: block; width:100%;}
.homeprod .content .icolist li .name{ text-align: center; color:#464646; font-size:16px; line-height:30px; margin-top:15px; height:60px;}

.homeprod .content .icolist8 li{ width:33%; }


.homeprod .content.fl .tit{ margin-left:0;}
.homeprod .content.fl .info{ margin-left:0;}
.homeprod .content.fl .icolist{ margin-left:-6%;}

.homeprod .picture.fr .more{ float:left;}

.pxian{width:100%; height:1px;}
/*首页产品*/


/*解决方案*/
.home_solution{ background:#f4f8fd;}
.home_solution .htit{ margin-bottom:7%;}
.hs_list{ overflow: hidden;}
.hs_list li{ float: left; width:25%; border-left:1px solid #f4f8fd;}
.hs_list li a{ display: block; position: relative;}
.hs_list li a:after{ content:""; position: absolute; left:0; top:0; width:100%; height:100%; 
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.7) 100%); z-index:1;}
.hs_list li a>img{ display: block; width:100%;}
.hs_list li a .txt01{ position: absolute; left:0; bottom:0; width:100%; padding:8%; z-index:2; }
.hs_list li a .txt01 .ico{ width:80px;}
.hs_list li a .txt01 .ico img{ width:100%; display: block;}
.hs_list li a .txt01 .tit{ color:#ffffff; font-size:24px; line-height:1; margin-top:6%; }

.hs_list li a .txt02{ position: absolute; left:0; top:0; width:100%; height:100%; text-align: center; background: rgba(36,104,242,0.8); opacity:0; z-index:2;}
.hs_list li a .txt02 .ico{ width:80px; margin:0 auto;}
.hs_list li a .txt02 .ico img{ width:100%; display: block;}
.hs_list li a .txt02 .tit{ color:#ffffff; font-size:24px; line-height:1; margin:6% 0; }
.hs_list li a .txt02 p{ font-size:18px; color:#ffffff; padding:0 15px; }
.hs_list li a .txt02 .more{ width:130px; height:34px; border:1px solid #ffffff; color:#ffffff; border-radius:17px; line-height:32px; text-align: center; font-size:14px; margin:10% auto 0 auto;}

.hs_list li:hover a .txt01{ opacity:0;}
.hs_list li:hover a .txt02{ opacity:1;}
.hs_list li a .txt02 .more:hover{ background:#ffffff; color:#2468f2;}
/*解决方案*/

/*首页新闻*/
.homenews{ overflow: hidden; margin-top:7%;}
.homenews .hnleft{ width:44%;}
.homenews .hnleft .img{ height:330px;}
.homenews .hnleft .txt{ height:250px; background:#eaf4f7; padding:5%;}
.homenews .hnleft .txt h3{ color:#373737; font-size:24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.homenews .hnleft .txt h3:hover{ color:#2468f2;}
.homenews .hnleft .txt p{ color:#787878; font-size:14px; line-height:2; margin:3% 0 5% 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.homenews .hnleft .txt .more{ font-size:14px; color:#ffffff; background:#2468f2; height:34px; line-height:34px; width:100px; text-align: center; }
.homenews .hnleft .txt .more:hover{background:#fc7318; }

.homenews .hnright{ width:56%; }
.nlist01{ overflow: hidden;}
.nlist01 li{ float: left; width:47.5%; margin-left:2.5%; height:330px;}
.nlist01 li a{ position: relative; display: block; height:100%;
 background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 80%, rgba(0,0,0,1) 100%);}
.nlist01 li .tit{ position: absolute; left:0; bottom:0; color:#ffffff; font-size:16px; font-weight: bold; padding:6% 8%; }

.nlist01 li a:hover{  background-image: linear-gradient(to bottom, rgba(36,104,242,0), rgba(36,104,242,0) 60%, rgba(36,104,242,0.7) 80%, rgba(36,104,242,1) 100%);}

.nlist02{ overflow: hidden; margin-top:20px;}
.nlist02 li{ float: left; width:47.5%; margin-left:2.5%; height:230px;}
.nlist02 li a{ display: block; height:100%; padding:8%; background: rgba(0,0,0,0.6);}
.nlist02 li a .tit{ color:#ffffff; font-size:22px; line-height:2; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.nlist02 li a .time{ font-size:16px; margin-top:10%; color:#ffffff; font-weight: bold;}

.nlist02 li:hover a{ background: rgba(36,104,242,0.8);}

.nmore a{display: block; margin:50px auto 0 auto; width: 150px; height: 50px; line-height: 50px; text-align: center; background: #2468f2; color: #ffffff; font-size: 18px; border-radius: 25px;}
.nmore a:hover{background:#fc7318; }
/*首页新闻*/

/*合作伙伴*/
.cooperation{ overflow: hidden; margin:3% 0 7% 0;}
.cooperation li{ margin-right:2%; width:18.4%; border:1px solid #dcdcdc; float: left; margin-top:2%;}
.cooperation li img{ display: block; width:100%;}
/*合作伙伴*/

/*底部广告条*/
.adv{ background: url(../images/adv.jpg) no-repeat center center; background-size:cover; color:#ffffff; }
.adv .container{ padding:2.6% 0; }
.adv .info{ width:60%; }
.adv .info h3{ font-size:40px; font-weight: normal;}
.adv .info p{ font-size:16px; margin-top:2%; }

.adv .tel{ width:40%;}
.adv .tel .tit{ font-size:16px; margin:3% 0;}
.adv .tel .telinfo{ font-family: Impact; font-size:28px; }
.adv .tel .telinfo span{ display: inline-block; background: url(../images/tel.png) no-repeat left center; background-size:30px; padding-left:40px;}
/*底部广告条*/

/*底部*/
.footer{ background:#f4f8fd; }
.support_list{ overflow: hidden; padding:20px 0; }
.support_list li{ height:60px; overflow: hidden; float: left; width:33.33%; text-align: center; }
.support_list li .txt{ padding-left:70px; display: inline-block; line-height:30px; font-size:14px; color:#6b6b6b; text-align: left; }
.support_list li .ico01{ background: url(../images/support01.png) no-repeat left center; background-size:60px;}
.support_list li .ico02{ background: url(../images/support02.png) no-repeat left center; background-size:60px;}
.support_list li .ico03{ background: url(../images/support03.png) no-repeat left center; background-size:60px;}
.support_list li.li01{ width:25%;}
.support_list li.li02{ width:50%;}
.support_list li.li03{ width:25%;}

.footer .dbcontent{ border-top:1px solid #e6ebf0; border-bottom:1px solid #e6ebf0; padding:50px 0;}

.dbnav{ overflow: hidden; height:180px;}
.dbnav li{ float: left; height:100%; position: relative; padding:0 2%;}
.dbnav li:after{ content:""; width:1px; height:110px; position: absolute; right:0; top:50%; margin-top:-55px; background:#e6ebf0; }
.dbnav li.li01{  }
.dbnav li.li02{ }
.dbnav li.li03{}
.dbnav li.li04{ max-width:30%; }
.dbnav li.li05{  max-width:30%; }
.dbnav li.li05:after{ display: none;}

.dbnav li .tit{ color:#2d2d2d; font-size:16px; font-weight: bold; }
.dbnav li .sub{ margin-top:14px; }
.dbnav li .sub a,.dbnav li .sub span{ display: block; color:#6b6b6b; font-size:14px; line-height:30px; }
.dbnav li a:hover{ color:#2468f2; text-decoration:underline; }

.dbnav li .wechat{ overflow: hidden; width:100%; margin-top:20px;}
.dbnav li .wechat .img{ width:150px; float: left; overflow: hidden;}
.dbnav li .wechat .img p{ width:100px; float: left;}
.dbnav li .wechat .img img{ width:100%; display: block;}
.dbnav li .wechat .img span{ width:50px; float: left; color:#6b6b6b; font-size:14px; line-height:1; padding:15px; text-align: center;}

.copy{ overflow: hidden; color:#6b6b6b; font-size:14px; padding:25px 0;}
.copy .copyinfo{ float: left;}
.copy .copyurl{ float: right;}
.copy .copyurl span{ margin:0 14px;}
.copy a:hover{color:#2468f2; text-decoration:underline; }
/*底部*/


/*关于我们*/
.nyban{ width:100%; position: relative; overflow: hidden;}
.nyban img{ width:100%; display: block;}
.nyban .bantxt{ position: absolute; left:0; width:100%; top:0; color:#ffffff; height:100%;}
.nyban .bantxt .tit{ font-size:60px; text-align: center; margin-bottom:12%;}

.nynav{  border-bottom:1px solid #dadada;}
.nynav_list{height:100px; line-height:100px; font-size:18px; text-align: center; color:#5b5b5b;}
.nynav_list li{ display: inline-block;}
.nynav_list li a{ display: block; padding:0 35px;}
.nynav_list li a span{ display: inline-block; padding-left:35px; }

.nynav_list li:hover,.nynav_list li.on{ background:#2468f2; color:#ffffff; font-weight:bold;}
.nynav_list li:hover a span,.nynav_list li.on a span{ background: url(../images/navico.png) no-repeat left center; }

.about_top{ background: url(../images/about_top.jpg) no-repeat center center; background-size:cover; overflow: hidden;}

.about_info{ }
.about_info .txt{ width:74%;}
.about_info .txt .tit{ }
.about_info .txt .tit .en{ color:#eeeeee; font-size:190px; font-family: Arial; font-weight: bold; line-height:0.7; width:120%;}
.about_info .txt .tit .cn{ margin-top:-20px; line-height:1; color:#2a2a2a; font-weight: bold; font-size:40px;}
.about_info .txt .info{ color:#6a6a6a; font-size:18px; line-height:2.2; margin-top:4%;}

.about_info .img{ width:26%; margin-top:100px; position: relative;}
.about_info .img:after{ content:""; width:85px; height:85px; position: absolute; top:-85px; right:-85px; background:#2468f2; display:none; }
.about_info .img img{ display: block; width:100%;}

.pt7{ padding-top:7%;}
.pb7{ padding-bottom:7%;}

.culture{ background: url(../images/culturebj.jpg) no-repeat center center; background-size:cover; overflow: hidden;}

.atit{ color:#ffffff; font-size:40px; line-height:1; text-align: center; font-weight: bold;}
.atit2{ color:#2a2a2a; }

.culture_list{ overflow: hidden; margin-bottom:14%;}
.culture_list li{ float: left; width:33.33%; text-align: center;}
.culture_list li .ico{ width:100px; margin:0 auto;}
.culture_list li .ico img{ display: block; width:100%;}
.culture_list li .txt{ color:#ffffff;}
.culture_list li .txt h3{ font-size:24px; font-weight: normal; margin:5% 0;}
.culture_list li .txt p{ font-size:16px;}


.course{ background:url(../images/coursebj.jpg) no-repeat center bottom; background-size:100% auto; overflow: hidden;}

.timelist{ text-align: center; color:#888888; font-size:18px; font-weight: bold; position: relative; }
.timelist:after{ content: ""; height:2px; width:100%; background:#dcdcdc; position: absolute; left:0; bottom:9px; }
.timelist .swiper-slide{ width:25%; height:70px; line-height:50px; position: relative; cursor: pointer; }
.timelist .swiper-slide .dian{ position: absolute; left:50%; margin-left:-5px; bottom:5px; width:10px; height:10px; border-radius:50%; background:#6f6f6f; border:2px solid #dcdcdc; }

.timelist .swiper-slide.active-nav{ color:#2468f2; font-size:30px; text-align: center;}
.timelist .swiper-slide.active-nav .dian{ width:20px; height:20px; margin-left:-10px; bottom:0; background:#2468f2; border:5px solid #8aa8e4;}

.timemain{ width:70%; margin:7% auto 14% auto; position:relative}
.timemain .swiper-slide{ position: relative;}
.timemain .swiper-slide .img{ width:45%;}
.timemain .swiper-slide .img img{ display: block; width:100%;}
.timemain .swiper-slide .txt{ width:45%; position: absolute; height:100%; top:0; right:0;}
.timemain .swiper-slide .txt .time{ color:#e9e9e9; font-size:50px; font-weight: bold; line-height:1; }
.timemain .swiper-slide .txt .tit{ color:#2468f2; font-size:30px; font-weight: bold; line-height:1; margin:5% 0; }
.timemain .swiper-slide .txt .info{ color:#515151; font-size:20px;}

.timemain .arrow-left,.timemain .arrow-right{ width:50px; height:100px; position:absolute; top:50%; margin-top:-50px; cursor:pointer;}
.timemain .arrow-left{background: #959595 url(../images/prev.png) no-repeat center center; background-size:100% auto; left:-100px;}
.timemain .arrow-right{ background: #959595 url(../images/next.png) no-repeat center center; background-size:100% auto;  right:-100px;}

.timemain .arrow-left:hover,.timemain .arrow-right:hover{ background-color:#2468f2;}

.honor{ background: url(../images/honorbj.jpg) no-repeat center center; background-size:cover; overflow: hidden;}

.honorlist{ padding:0 75px; position: relative; margin-bottom:7%;}
.honorlist li{ width:25%; padding:0 25px; cursor: pointer;}
.honorlist li img{ display: block; width:100%;}
.honorlist li .tit{ color:#515151; font-size:18px; text-align: center; margin-top:10%; }

.honorlist .honor-prev,.honorlist .honor-next{ width:50px; height:100px; position: absolute; top:50%; margin-top:-50px; background:#3380d9; z-index:1; cursor: pointer;}
.honorlist .honor-prev{ left:0; background:#959595 url(../images/prev.png) no-repeat center center; background-size:100% auto;} 
.honorlist .honor-next{ right:0; background:#959595 url(../images/next.png) no-repeat center center; background-size:100% auto;}

.honorlist .honor-prev:hover{ background-color:#3380d9; }
.honorlist .honor-next:hover{ background-color:#3380d9; }

/*关于我们*/


/*联系我们*/
.contact{ overflow: hidden; position: relative;}
.contact img{ width:100%; display: block;}
.contact_txt{ position: absolute; left:0; top:0; width:100%; height:100%;}
.contact_txt .info{ width:520px; background:#3c7cff; border-radius:10px; padding:2.5% 3%; color:#ffffff;}
.contact_txt .info p{ font-size:18px;}
.contact_txt .info h3{ font-size:48px;}
.contact_txt .info .tel{ font-size:36px; font-weight: bold; background: url(../images/tel2.png) no-repeat left center; padding-left:60px; background-size:40px; margin:3% 0; }

.contact_list{ overflow: hidden;}
.contact_list li{ float: left; width:33.33%; text-align: center; color:#666666; font-size:16px;}
.contact_list li .ico{ width:85px; margin:0 auto;}
.contact_list li .ico img{ display: block; width:100%;}
.contact_list li .tit{ font-weight: bold; margin:3% 0; }
.contact_list li .info{ }


.message{ background:#f5f5f5;}
.mtit{ font-size:36px; color:#2a2a2a; }
.mlist{ width:49.4%;}
.mlist li{ float: left; width:100%; margin-top:20px;}
.mlist li.input input{ width:100%; height:70px; border:1px solid #e6e6e6; padding:0 20px; font-size:16px; display: block; color:#666666; }

.mlist li.textarea textarea{ width:100%; height:250px; border:1px solid #e6e6e6; padding:20px; font-size:16px; color:#666666; }

.mlist li.submit input{width:100%; height:70px; background:#3c7cff; color:#ffffff; font-size:16px; cursor: pointer; }

.mlist li.submit input:hover{ background:#fc7318;}
/*联系我们*/

/*合作伙伴*/
.column{ }
.column h3{ font-size:60px; font-weight: normal;}
.column p{ font-size:16px; margin-top:1%;}
.column p span{ margin:0 8px;}
.column p a:hover{ text-decoration: underline;}

.cooperative_list{ overflow: hidden; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; margin:5% 0 7% 0; position: relative;}
.cooperative_list .txt{ background:url(../images/cooperative_bj.jpg) no-repeat center center; background-size:cover; position: absolute; left:0; top:0; width:40%; height:308px; color:#ffffff; padding:0 7%;}
.cooperative_list .txt h3{ font-size:36px; line-height:2;}
.cooperative_list .txt p{ font-size:18px; line-height:2;}

.cooperative_list li{ width:20%; height:154px; float: left; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
.cooperative_list li .img{ width:100%; height:100%; text-align:center;}
.cooperative_list li .img:after{ content:""; width:0; height:100%; display: inline-block; vertical-align:middle;}
.cooperative_list li img{ max-width:100%; max-height:100%; vertical-align:middle;}
/*合作伙伴*/

/*新闻资讯*/
.newsban{ overflow: hidden;  position: relative; margin-top:5%;}
.newsban_img{ width:55%;}
.newsban_img img{ display: block; width:100%;}
.newsban_txt{ width:45%; position: absolute; height:100%; top:0; right:0; }
.newsban_txt .swiper-slide{padding:10%; background:#ebf1f8;}
.newsban_txt .swiper-slide .time{ color:#838383; font-size:16px;line-height:2; }
.newsban_txt .swiper-slide .xian{ width:100%; border-bottom:1px dashed #d7d8d8; margin:4% 0;}
.newsban_txt .swiper-slide h3{ color:#313131; font-size:24px; font-weight: bold; line-height:2; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}
.newsban_txt .swiper-slide h3:hover{ color:#3c7cff;}
.newsban_txt .swiper-slide p{ color:#464646; font-size:16px; line-height:30px; height:90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.newspage{ left:55%; bottom:15%; overflow: hidden; position: absolute; z-index:100; width:100%; cursor: pointer;}
.newspage .newsban-prev,.newspage .newsban-next{ width:40px; height:40px; float: left; margin-left:4%; border-radius:50%;}
.newspage .newsban-prev{ background:#ffffff url(../images/newsban-prev.png) no-repeat center center; background-size:100%;}
.newspage .newsban-next{ background:#ffffff url(../images/newsban-next.png) no-repeat center center; background-size:100%;}


.newslist{ overflow: hidden;}
.newslist li{ margin-right:2%; width:32%; float: left; margin-top:2%; }
.newslist li .img{ overflow: hidden;}
.newslist li img{ display: block; width:100%; }
.newslist li .txt{ background:#ebf1f8; padding:8%;}
.newslist li .txt .time{ line-height:1; color:#909090; font-size:15px;}
.newslist li .txt .tit{ font-size:24px; color:#171717; margin-top:3%; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.newslist li .txt .tit:after{ content:""; width:30px; height:1px; background:#bcc1c6; display: block; margin:3% 0;}
.newslist li .txt p{ font-size:15px; line-height:30px; color:#909090; height:90px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.newslist li .txt .more{ width:85px; height:24px; line-height:24px; font-size:14px; background:#ffffff; color:#313131; text-align: center; margin-top:5%;}

.newslist li .txt .tit:hover{ color:#3c7cff;}
.newslist li .txt .more:hover{ color:#ffffff; background:#3c7cff;}

.fenye{ text-align:center; padding:7% 0;}
.fenye a,.fenye span{ background:#ffffff; font-size:16px; line-height:1; border:1px solid #edecec; display:inline-block; padding:12px 16px; margin:0 3px;}
.fenye span,.fenye a:hover{ background:#3c7cff; color:#ffffff;}
/*新闻资讯*/


/*解决方案*/
.solution_list{ overflow: hidden; margin-top:3%; }
.solution_list li{ width:32%; margin-right:2%; float: left; margin-top:2%; }
.solution_list li a{ position: relative; display: block; }
.solution_list li a:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;
	 background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.7) 100%); }
.solution_list li a>img{ display: block; width:100%; }
.solution_list li .txt{ position: absolute; left:0; bottom:0; padding:8%; width:100%; z-index:2;}
.solution_list li .txt .ico{ width:80px;}
.solution_list li .txt .ico img{ display: block; width:100%;}
.solution_list li .txt .tit{ color:#ffffff; font-size:24px; margin-top:6%;}

.solution_list li .txt02{ position: absolute; left:0; top:0; width:100%; height:100%; text-align: center; background: rgba(36,104,242,0.8); opacity:0; z-index:2;}
.solution_list li .txt02 .ico{ width:80px; margin:0 auto;}
.solution_list li .txt02 .ico img{ width:100%; display: block;}
.solution_list li .txt02 .tit{ color:#ffffff; font-size:24px; line-height:1; margin:6% 0; }
.solution_list li .txt02 p{ font-size:18px; color:#ffffff; padding:0 15px; }
.solution_list li .txt02 .more{ width:130px; height:34px; border:1px solid #ffffff; color:#ffffff; border-radius:17px; line-height:32px; text-align: center; font-size:14px; margin:10% auto 0 auto;}

.solution_list li:hover .txt{ opacity:0;}
.solution_list li:hover .txt02{ opacity:1;}
.solution_list li .txt02 .more:hover{ background:#ffffff; color:#2468f2;}
/*解决方案*/


/*解决方案内容页*/
.solution_main{ overflow: hidden;}
.solution_main .solution_left{ width:19%;}
.solution_nav{ overflow: hidden;}
.solution_nav li{ float: left; width:100%; background:#8b8b8b; color:#ffffff; font-size:18px; margin-bottom:1px;}
.solution_nav li a{ display: block; line-height:100px; height:100px; padding-left:60px; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.solution_nav li a:after{ content:""; width:20px; height:20px; background: url(../images/navico.png) no-repeat center center; background-size:cover; position: absolute; left:25px; top:50%; margin-top:-10px;}
.solution_nav li:hover a,.solution_nav li.on a{ background:#2468f2; font-weight: bold;}

.solution_main .solution_right{ width:78%; padding-bottom:7%;}

.solution_tit{ border-bottom:1px solid #d9dde6; line-height:100px; overflow: hidden;}
.solution_tit h3{ font-size:24px; float: left; position: relative; color:#383838;}
.solution_tit h3:after{ content:""; width:100%; height:2px; background:#2a78ff; position: absolute; left:0; bottom:0; }

.solution_show{ background:#f4f8ff; padding:3%; overflow: hidden; margin-top:2%; }
.solution_show .txt{ float: left; width:68%;}
.solution_show .txt .tit{ color:#383838; font-size:18px; font-weight:bold; }
.solution_show .txt .info{ color:#4e5158; font-size:16px; line-height:2; margin-top:3%;}

.solution_show .img{ width:30%; float:right;}
.solution_show .img img{ display: block; width:100%;}

.stit{ background: url(../images/stit.png) no-repeat left center; padding-left:30px; margin:2.5% 0 2% 0;}
.stit h3{ color:#383838; font-size:18px; font-weight:bold; }

.solution_txt{ color:#4e5158; font-size:16px; line-height:2; padding:0 30px;}

.solution_txt_list{ overflow: hidden; padding:0 30px; height:220px; margin-top:4%; }
.solution_txt_list li{ height:100%; padding:2%; margin-right:2%; width:18.4%; float: left; background:#2468f2; color:#ffffff; font-size:16px; line-height:2; }
.solution_txt_list li:last-child{ margin-right:0; }
/*解决方案内容页*/


/*产品内容页*/
.prodshow{ overflow: hidden; margin:7% 0;}
.prodshow .txt{ width:50%; padding:0 30px;}
.prodtit{ }
.prodtit h3{color:#252525; font-size:36px; font-weight: bold; position: relative;}
.prodtit h3:after{ content:""; width:0; height:0; position: absolute; left:-30px; top:50%; margin-top:-5px; border-left:10px solid #f9ac34; border-top:7px solid transparent; border-bottom:7px solid transparent;  }

.prodtit2{ text-align: center;}
.prodtit2 h3:after{border-left-color:#ffffff; }
.prodtit2 h3{ display: inline-block; color:#ffffff; }

.prodtit3{ text-align: center;}
.prodtit3 h3{ display: inline-block; }

.prodshow .txt .info{ color:#4a4a4a; font-size:16px; line-height:2; margin-top:3%;}

.prodshow .img{ width:50%; padding:0 30px;}
.prodshow .img img{ display: block; width:100%;}

.prodtxt_list{ overflow: hidden; margin:-2% 0 7% 0; padding:0 30px;}
.prodtxt_list li{ width:48%; border:1px solid #e5e8ed; padding:2% 2% 1% 2%; margin-top:2%; box-shadow:3px 3px 5px #f3f3f3;}
.prodtxt_list li .tit{ font-size:18px; font-weight: bold; color:#242424; background-size:40px !important; padding-left:50px;}
.prodtxt_list li p{ color:#676767; font-size:16px; padding-left:50px; margin-top:1%; line-height:25px; height:75px;}
.prodtxt_list li:last-child{ width:100%;}


.prod_function{ background: url(../images/prod_function.jpg) no-repeat center center; background-size:cover;}

.prod_function_list{ overflow: hidden; margin-top:3%;}
.prod_function_list li{ position: relative; padding-left:90px; margin-left:4%; margin-top:2%; width:28%; line-height:60px; color:#ffffff; font-size:20px; font-weight:bold; float: left; border:1px dashed #ffffff; }
.prod_function_list li:after{ position: absolute; left:50px; top:50%; margin-top:-12px; content:""; width:11px; height:24px; background: url(../images/prod_function_list.png) no-repeat center center; background-size:cover;}


.application_list{ overflow: hidden; margin-top:5%;}
.application_list li{ float: left; margin-right:3%; width:48.5%; border:1px solid #e5e5e5; position: relative;}
.application_list li .img{ width:45%; float: left; overflow: hidden;}
.application_list li .img img{ display: block; width:100%;}
.application_list li .txt{ width:55%; position: absolute; top:0; right:0; height:100%; padding:0 6%;}
.application_list li .txt h3{ color:#414141; font-size:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.application_list li .txt h3:hover{ color:#2468f2; }
.application_list li .txt p{ color:#666666; font-size:16px; margin:4% 0 8% 0; line-height:25px; height:100px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;overflow: hidden;}
.application_list li .txt .more{ color:#2468f2; font-size:14px;}
.application_list li .txt .more:hover{ text-decoration: underline; color: #fc7318;}
/*产品内容页*/


/*内容页*/
.showmian{ overflow: hidden; margin:4% 0; }
.showtop{ border-bottom:1px solid #dadada; text-align: center;}
.showtop h2{ color:#323232; font-size:28px; }
.showtop .parameter{ color:#666666; overflow: hidden; font-size:16px; margin:1% 0;}
.showtop .parameter span.hits{ margin-left:16px;}

.showtxt{ color: #3a3a3a; font-size: 16px; line-height:1.8; margin-top:2%; overflow: hidden;}
.showtxt img{ max-width:100%; height: auto !important;}

.showpaging{ overflow: hidden; line-height:70px; border-top:1px solid #e8e8e8; margin-top:2%; font-size:16px; }
.showpaging div{ width:49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.showpaging div.fr{ text-align:right;}
.showpaging a:hover{ color:#2468f2; text-decoration: underline; }
/*内容页*/

.animated{opacity: 0;}

.hs_list li a .txt01,.hs_list li a .txt02,.solution_list li a .txt,.solution_list li a .txt02,.nav li>a:after{
	transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;	
}

.nav li,.banner .bantxt .more,.homeprod .content .tit,.homeprod .picture .more,.hs_list li a .txt02 .more,.homenews .hnleft .txt h3,.homenews .hnleft .txt .more,.nmore a,.footer a,.nlist01 li a,.nlist02 li a,
.nynav_list li,.honorlist .honor-prev,.honorlist .honor-next,.mlist li.submit input,.fenye a,.solution_nav li a,.newslist li .txt .tit,.newslist li .txt .more,.newsban_txt .swiper-slide h3,
.application_list li .txt h3,.application_list li .txt .more,.showpaging a,.solution_list li a .txt02 .more,.nav li .sub a,.timemain .arrow-left,.timemain .arrow-right{
transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.homeprod .picture .img img,.newslist li .img img,.newsban_img .swiper-slide img,.application_list li .img img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.homeprod .picture .img:hover img,.newslist li .img:hover img,.newsban_img .swiper-slide:hover img,.application_list li .img:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}