@charset "utf-8";
/* CSS 公用 */

body,p,pre{margin: 0;}
h1,h2,h3{margin: 0;font: inherit;}
ul,ol{padding: 0;margin: 0;}
li{list-style-type: none;}
a{color: inherit;text-decoration: none;}
img{border:none;}

.div_title{color: #1223E0; font-size: 60px; font-weight: bolder}
.div_title_en{color: #1223E0; font-size: 53px; font-weight: bolder}
.div_title_en_second{color: #1223E0; font-size: 30px; font-weight: bolder}

.div_box{ width:100%; display:block;}
.div_box .div_box_top{ display:block; position:relative;}

/*导航LOGO部分*/
.div_box .div_box_top .div_box_logo{ position: absolute; z-index:999; width:100%; top:30px;}
.div_box .div_box_top .div_box_logo .div_logo_box{ width:1300px; margin:0 auto; }
.div_box_logo .div_logo_box .div_logo_img{float:left;}
.div_box_logo .div_logo_box .div_nav_box{float:right; display:block;}
.div_box_logo .div_logo_box .div_nav_box ul{color:#1223E0; font-size:16px;}
.div_box_logo .div_logo_box .div_nav_box ul li{ display:inline-block; margin:0 20px; line-height:70px;}
.div_box_logo .div_logo_box .div_nav_box ul li a:hover{ color:#fff; }

/*幻灯片*/
.div_box .div_box_top .swiper-container{width:100%; height:100%; z-index:99;}
.div_box .div_box_top .swiper-container .swiper-slide{width:100%; display:table; text-align: center;}
.div_box .div_box_top .swiper-container .sw01{ background:url(../images/main.jpg) no-repeat;}
.div_box .div_box_top .swiper-container .sw02{ background:url(../images/main.jpg) no-repeat;}
.div_box .div_box_top .swiper-container .sw03{ background:url(../images/main.jpg) no-repeat;}
.div_box .div_box_top .swiper-container .swiper_box_text{ position:relative; z-index:0; display: table-cell; vertical-align: middle;}
.div_box .div_box_top .swiper-container .swiper_box_text h1{ font-size:70px; color:#fff; font-weight:bold;}
.div_box .div_box_top .swiper-container .swiper_box_text h1 span{ color:#6ee06e; }
.div_box .div_box_top .swiper-container .swiper_box_text h2{font-size:34px; color:#fff;}

.div_box .div_box_top .swiper-container .swiper-pagination{ position: absolute; left:10px;top:50%; margin-top:-30px; text-align:left;}
.div_box .div_box_top .swiper-container .swiper-pagination-bullets{}
.div_box .div_box_top .swiper-container .swiper-pagination-bullet{  margin:20px 0;display: block;width:30px;height:5px;border-radius:0;background:#fff; transition:all 1s; opacity: 1;  border-radius:0 10px 10px 0px;}
.div_box .div_box_top .swiper-container .swiper-pagination-bullet-active{width:60px;height:5px; transition:all 1s; background:#63dc63;}

.h1_tit h1{ font-size:46px; color:#000; font-weight:bold;}
.h1_tit h2{font-size: 36px; color:#ccc; text-transform:uppercase}
.h1_tit h2 span{display:block;}
.h1_tit h2:after{content:""; display: inline-block; width:32px; height:5px; background:#63dc63;}


/*关于我们*/
.div_box_content{width:1300px; margin:0 auto; overflow:hidden; display:block;}
.div_box_about{ display:block; padding:70px 0;  overflow:hidden;}
.div_box_about .div_about_left{ float:left; width:calc(60% - 40px); margin-right:40px; margin-top:60px; }
.div_box_about .div_about_left .div_about_tit{ display:block; overflow:hidden; }
.div_box_about .div_about_left .div_about_tit h3{margin:5px 0 30px 0; font-size: 36px; color:#ccc; text-transform:uppercase}
.div_box_about .div_about_left .div_about_cont p{ font-size:14px; color:#333; line-height:34px;}
.div_box_about .div_about_left .div_about_cont ul{ margin-top:20px; display:block; overflow:hidden;}
.div_box_about .div_about_left .div_about_cont ul li{ float:left; width:calc(33% - 20px); margin-right:20px; padding:10px 0; font-size:14px;color:#1ca61c; }
/*.div_box_about .div_about_left .div_about_cont ul li a{ color:#1ca61c;}
.div_box_about .div_about_left .div_about_cont ul li a:hover{color:red;}*/
.div_box_about .div_about_left .div_about_her{ display:block; overflow:hidden; margin-top:30px;}
.div_box_about .div_about_left .div_about_her a{ width:158px; padding-right:20px; border:1px solid #333; height:50px; line-height:50px; text-align: center; display:inline-block;  font-size: 18px; font-weight:bold; background-color:#FFF; background-image:url(../images/about_more01.png); background-position: 140px center;  background-repeat:no-repeat; transition:all .5s;}
.div_box_about .div_about_left .div_about_her a:hover{ background-color:#3eb73e; background-image:url(../images/about_more02.png); color:#FFF; transition:all .5s; border:1px solid #3eb73e;}

.div_about_right{ float:right; width:40%; padding-right:10px; box-sizing:border-box;}
.div_about_right img{ width:100%;-moz-box-shadow:7px 8px 8px #999; -webkit-box-shadow:7px 8px 8px #999; box-shadow:7px 8px 8px #999; }


/*解决方案*/
.h1_tit{font-size:46px; color:#000;}
.solve_box{ display:block; overflow:hidden; }
.solve_box .solve_box_tit{ display:block; text-align: center;}
.solve_box .solve_box_tit h2 span{display:block;  margin: 5px 0 10px 0;}
.solve_box ul{display:flex; overflow:hidden; margin-top:50px; padding-bottom: 20px;}
.solve_box ul li{flex: 1;  width:calc(25% - 30px); overflow:hidden; margin-right:30px;-moz-box-shadow:1px 1px 7px #e3e3e3; -webkit-box-shadow:1px 1px 7px #e3e3e3; box-shadow:1px 1px 7px #e3e3e3; transition:all .5s;}
.solve_box ul li a{overflow:hidden; }
.solve_box ul li:hover{-moz-box-shadow:0px 6px 18px #999999; -webkit-box-shadow:0px 6px 18px #999999; box-shadow:0px 6px 18px #999999; transition:all .5s;}
.solve_box ul li img{ display:block; width:100%;transition:all .5s; height:400px; overflow:hidden;}
.solve_box ul li:hover img{ transform: scale(1.06);}
.solve_box ul li .bmimg{height:400px; overflow:hidden;}
.solve_box ul li span{ text-align: center; padding:25px 0; display:block; font-size:18px;}


/*业务*/
.business_box{ width:100%; margin:70px 0; display:block; background:url(../images/business_bj.jpg) center no-repeat; padding: 80px 0 230px 0;position: relative;}
.business_box .business_div{ width:1300px; margin:0 auto; }
.business_box .business_div .business_tit{text-align: center;}
.business_box .business_div .business_tit h1{ color:#fff;}
.business_box .business_div .business_content{display:block; position: relative; padding-top:50px; }
.business_box .business_div .business_content .swiper-pagination{position:absolute; bottom:-50px; left: 50%; margin-left: -30px;}
.business_box .business_div .business_content .swiper-pagination-bullet{ width:18px;height:3px; margin:0 5px; background:#fff; border-radius:0; transition: all 0.5s;}
.business_box .business_div .business_content .swiper-pagination-bullet-active{ background:#63dc63; width:25px; transition: all 0.5s; }
.business_con_box { color:#fff; display:block; overflow:hidden;}
.business_con_left,.business_con_right{float:left;}
.business_con_left{ width:40%; }
.business_con_left img{ width:100%;}
.business_con_right{ width:60%; padding-left:40px; box-sizing:border-box;}
.business_con_right h1{ font-size:30px; font-weight:bold; margin-top:50px; margin-bottom:30px;}
.business_con_right p{line-height:34px;}
.business_con_right p span{color:#63dc63}
.business_box .business_div .swiper-container01 { overflow:hidden; }
.business_box .business_lltext{ position: absolute; width: 1200px; background: #fff; box-shadow: 1px 1px 10px #d2d2d2; text-align: center; padding: 30px 0; left: 50%;margin-left: -600px;    bottom: -65px;}
.business_box .business_lltext p{ color:#666; line-height: 30px;}


/*经典案例*/
.anli_box{ margin-top:100px; display:block; overflow:hidden;}
.anli_box .anli_box_main{background:url(../images/index_botm.jpg) center no-repeat; display:block; overflow:hidden; padding:95px 0;}
.anli_box .anli_box_main ul{ width:1300px; margin:0px auto; padding-top: 65px; overflow:hidden;}
.anli_box .anli_box_main ul li{width: 22%; margin-right:147px; float: left; font-size: 14px; line-height: 50px;word-break:keep-all;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.anli_box .anli_box_main ul li:last-child{ margin-right:0; }
.anli_box .anli_box_main ul li span{ padding-right: 10px; color: #63dc63;}
.anli_box .anli_box_main ul li a:hover{ color:#63dc63; }


/*底部*/
footer{background:url(../images/02.jpg) center no-repeat; height:272px; }
.footer-left{width:calc(50% - 10px); margin-right: 10px; float: left; text-align: right;padding:45px 0;}
.footer-left img{ width: 140px; }
.footer-right{float: left; text-align:left; padding:45px 0; width:calc(50% - 10px); margin-left: 10px;}
.footer-right ul { display:block; overflow:hidden;}
.footer-right ul li{ width: 100%; background-size:15px; display:block; background-repeat:no-repeat; background-position:0px 5px; height:28px; line-height:28px; padding-left:20px; box-sizing:border-box;}
.footer-right ul .home{background-image:url(../images/1.png);}
/*.footer-right ul .home:hover{background:url(../images/11.png) left no-repeat;}*/
.footer-right ul .web{background-image:url(../images/2.png);}
/*.footer-right ul .web:hover{background:url(../images/22.png) left no-repeat;}*/
.footer-right ul .email{background-image:url(../images/3.png); }
/*.footer-right ul .email:hover{background:url(../images/33.png) left no-repeat;}*/
.footer-right ul .phone{background-image:url(../images/4.png);}
/*.footer-right ul .phone:hover{background:url(../images/44.png) left no-repeat;}*/
.footer-right ul li a{ display: bolck; font-size: 12px; color: #dcdcdc;}
.footer-right ul li a:hover{ color: #63dc63; }

.footer-banq{ width: 1300px; margin:0 auto; border-top:1px #0f3f4c solid; text-align: center;}
.footer-banq{ color: #b2b4b4; line-height: 45px; font-size: 12px;display:block; text-align:center; overflow:hidden;}


/*内页*/

/*左侧头部*/
.public_div{ display:block; overflow:hidden;}
.public_top{ width:1300px; margin:0 auto; display:table; height:100px;}
.public_top .public_top_logo{vertical-align: middle;display: table-cell;}
.public_top .public_nav{ float:right; }
.public_top .public_nav ul{display:block; overflow:hidden;}
.public_top .public_nav ul li{float:left; width:100px; height:100px; line-height:100px; text-align: center; transition:all 0.4s;}
.public_top .public_nav ul li a{display:block;}
.public_top .public_nav ul .nav_on{ background-color:#3fb63f; color:#fff;}
.public_top .public_nav ul li:hover{ background-color:#3fb63f; color:#fff; transition:all 0.4s; }
.public_banner{ width:100%; display:block; overflow:hidden; text-align: center; }
.public_banner img{ display:inline-block; }

.public_content{ width:1300px; margin:0 auto; }
.public_content .public_content_left{ width:330px; float:left; position:relative; z-index:999;}
.public_content .public_content_left .public_left_tit{ display:table; overflow:hidden; width:100%; height:130px; text-align: center; background-color:#3fb63f; color:#fff; margin-top:-130px;}
.public_content_left .public_left_tit .public_tit_box{ display:table-cell; vertical-align:middle; }
.public_content_left .public_left_tit .public_tit_box h1{ font-size:30px; margin-bottom:10px;}
.public_content_left .public_left_tit .public_tit_box p{ font-size:18px;text-transform: uppercase; }
.public_content .public_content_left ul{ display:block; overflow:hidden; margin-top:10px; }
.public_content .public_content_left ul li{ width:100%; height:56px; line-height:56px;transition:all 0.4s; text-align: center; font-size:14px; border-bottom:1px solid #ddd; color:#666;}
.public_content .public_content_left .public_lion{ background-color:#f5f3f3; background-image:url(../images/con_left.png); background-repeat:no-repeat; background-position:left; }
.public_content .public_content_left ul li a{display:block; overflow:hidden;}
.public_content .public_content_left ul li:hover{  background-color:#f5f3f3; background-image:url(../images/con_left.png); background-repeat:no-repeat; background-position:left; transition:all 0.4s; }

/*右侧内容*/
.public_content .public_content_right{ float:right; width:910px;}
.public_content .public_content_right .cn_01{display:none;}
.public_content .public_content_right .public_right_tit{ display:block; border-bottom:1px solid #ddd; height:56px; line-height:56px; text-align:right; }
.public_content .public_content_right .public_right_tit a{ display:inline-block; color:#666; font-size:14px; }
/*.public_content .public_content_right .tit_mb:after{content:""; }*/
.public_content .public_content_right .public_right_content{padding:30px 0;}
.public_content .public_content_right .public_right_content p{ display:block; margin-bottom:10px; overflow:hidden; line-height:30px; font-size:14px; color:#666;}
.public_content .public_content_right .public_right_content .public_p_color{color:#3fb63f;}
.public_content .public_content_right .public_right_content p img{margin:10px 0;}

/*关于我们*/

.public_content .about_tit{ display:block; border-bottom:1px solid #ddd; height:56px; line-height:56px; text-align:right; }
.public_content .about_tit a{ display:inline-block; color:#666; font-size:14px; }
.public_content .about_tit .tit_mb:before{content:""; width:15px; height:14px; display:inline-block; padding-right:5px; background:url(../images/about_index.png) left center no-repeat; }
/*.public_content .about_tit .tit_mb:after{content:"\009B"; font-size:30px; padding-left:5px;}*/
.public_content .about_content{ display:flex; padding-top:50px;}
.public_content .about_content img{flex:1}
.public_content .about_content .about_right{ margin-left:40px; padding-top:120px; flex:1;}
.public_content .about_content .about_right h1{ font-size:36px; font-weight:bold; margin-bottom:20px; }
.public_content .about_content .about_right p{ font-size:14px; color:#333; line-height:34px;}
.public_content .about_content .about_right ul{ margin-top:20px; display:block; overflow:hidden;}
.public_content .about_content .about_right ul li{ float:left; width:calc(33% - 20px); margin-right:20px; padding:10px 0; font-size:14px;color:#1ca61c; }