﻿@charset "utf-8";
/* CSS Document */
*{margin: 0; padding: 0; vertical-align: middle; }
body {min-width:1300px; font-family:'Microsoft YaHei', 'Arial'; font-size: 14px; color: #333; line-height:24px;}
ol, ul { list-style: none ;}
a {text-decoration: none; color: #333;}
img {border:0;}
input, button, select, textarea { outline:none; border:none;} 

header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}

/* 清除浮动*/
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}

/* 清除margin*/
.ulm2n li:nth-child(2n){ margin-right:0px;}
.ulm3n li:nth-child(3n){ margin-right:0px;}
.ulm4n li:nth-child(4n){ margin-right:0px;}
.ulm5n li:nth-child(5n){ margin-right:0px;}
.ulm6n li:nth-child(6n){ margin-right:0px;}

/* 清除padding*/
.ulp2n li:nth-child(2n){ padding-right:0px;}
.ulp3n li:nth-child(3n){ padding-right:0px;}
.ulp4n li:nth-child(4n){ padding-right:0px;}
.ulp5n li:nth-child(5n){ padding-right:0px;}
.ulp6n li:nth-child(6n){ padding-right:0px;}


.qqbox{position:fixed; right:0px; top:40%; z-index:999; width:120px; height:340px; text-align:center; background:#1f69cd; color:#fff;}
.qqbox .p1{ margin-top:10px;}
.qqbox .qqbtn1{display:block; position: absolute; left:-26px; top:130px;  width:25px; height:67px; background:url("../images/qqbtn1.png") no-repeat center #1f69cd; border-bottom-left-radius:3px;border-top-left-radius:3px;}
.qqbox .qqbtn2{display:block; position: absolute; left:-26px; top:130px;  width:25px; height:67px; background:url("../images/qqbtn2.png") no-repeat center #1f69cd; border-bottom-left-radius:3px;border-top-left-radius:3px;}
.qqbox .returnTop{position:relative; width:75px; height:43px; background:url("../images/r-top.png") no-repeat center; margin-left:20px; margin-top:10px;}




/* header */

.header1{position: relative; width: 100%; height:40px; line-height:40px; overflow:hidden; background:#f5f5f5;}
.header1 .container {position: relative; width:1200px; margin:0px auto; }
.header1 p{ float:left; color:#777777;}
.header1 p span{ color:#ee0f0f; position:relative; top:-2px;}
.header1 ul{ float:right;}
.header1 ul li{display:inline-block; background:url("../images/fenge1.png") no-repeat right center;}
.header1 ul li:last-child{background:none; display: none;}
.header1 ul li a{ padding:0 20px; color:#777777;}
.header1 ul li.last a{color:#1672da;}




.header2{position: relative; width: 100%; height:147px;  overflow:hidden; }
.header2 .container {position: relative; width:1200px; margin:15px auto 0;  }
.header2 img{float:left;}
.header2 .img_right{float:right;}





.header3{position: relative; width: 100%; height:50px; line-height:50px; overflow:hidden; background:#1f69cd;}
.header3 .container {position: relative; width:1200px; margin:0px auto; }
.header3 ul {position: relative; left:-20px; width:100%;}
.header3 ul li{ float:left; background:url("../images/fenge2.png") no-repeat right center; height:100%;}
.header3 ul li:last-child{}
.header3 ul li a{ padding:0 10px; color:#fff;  font-size:16px; }
.header3 ul .durr{ background:#ff8a00;}






/* footer */

.footer{position: relative; width: 100%; height:220px; overflow:hidden; background:#0b3fa5;}
.footer .container {position: relative; width:1200px; margin:0px auto; }
.footer ul {position: relative; border-bottom:1px solid #81adf9; width:100%; padding:10px 0 20px;}
.footer ul li{ float:left; margin-right:23px; }
.footer ul li:last-child{margin-right:0;}
.footer ul li a{ color:#fff; font-size:16px;}


.footer .aside_left{float:left; margin-top:20px;}
.footer .aside_left h2{color:#e0ebff; font-size:18px; font-weight:normal;}
.footer .aside_left p{color:#e0ebff; }

.footer .aside_right{float:right; margin-top:20px;}





/*swiperloop1*/
#swiperloop1{position: relative; overflow: hidden; width:100%;}
#swiperloop1 .swiper-slide{position: relative; max-width:1920px; margin:0 auto;}
#swiperloop1 .swiper-slide img{ width:100%;}
#swiperloop1 .swiper-button-next,#swiperloop1 .swiper-button-prev {opacity:0.8; width:70px; height:100px; cursor:pointer; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
#swiperloop1 .swiper-button-prev{background: url('../images/prev1.png') no-repeat left top; left: 300px;}
#swiperloop1 .swiper-button-next{background: url('../images/next1.png') no-repeat left top; right: 300px;}
#swiperloop1 .swiper-button-next:hover,#swiperloop1 .swiper-button-prev:hover{ background-position:left bottom; opacity:1;}








/* index */

.index_a{position: relative; width: 100%;  overflow:hidden;}
.index_a .container {position: relative; width:1200px; margin:50px auto 0;}
.index_a dl {border-left:1px solid #d7d7d7; border-top:1px solid #d7d7d7;  width:1201px;}
.index_a dl dd{ float:left; width:199px; height:106px; border-bottom:1px solid #d7d7d7;  border-right:1px solid #d7d7d7;}
.index_a dl dd img{ width:100%; height:100%;}



.index_a .loopbox{position:relative; width:1200px; height: 220px;overflow: hidden; border: 0px solid #000; margin-top:30px;}
.index_a .loopbox .list{ position: relative; top:0; left:0; width:100000px; }
.index_a .loopbox .list li{ float:left; width:1200px; height: 220px;overflow: hidden;}







.index_b{position: relative; width: 100%;  overflow:hidden; background:#f5f5f5;}
.index_b .container {position: relative; width:1200px; margin:50px auto;}
.index_b ul {margin-top:30px;}
.index_b ul li{ float:left; margin-right:35px; text-align:center;}
.index_b ul li img{ width:270px; height:270px; border:1px solid #fff;}
.index_b ul li p{ font-size:16px; color:#666; padding:0 10px; height:30px; line-height:30px; overflow:hidden;}

.index_b ul li:hover img{ border:1px solid #0d62d5;}
.index_b ul li:hover p{ color:#0d62d5; }





.index_c{position: relative; width: 100%;  overflow:hidden; }
.index_c .container {position: relative; width:1200px; margin:50px auto;}

.index_c h2{ width:100%; height:50px; line-height:50px; text-indent:20px; background:#1f69cd; font-size:24px; color:#fff; margin-bottom:30px;}
.index_c h2 a{ display:inline-block; float:right; background:#fff; font-size:14px; color:#1f69cd; font-weight:normal; height:30px; line-height:30px; width:87px; text-align:center; border-radius:20px; margin-right:10px; margin-top:10px;}

.index_c .aside_left { position:relative; float:left; width:260px; border:1px solid #d2d2d2;}
.index_c .aside_left ul{ width:226px; margin:10px auto;}
.index_c .aside_left ul li{ width:100%; height:40px; line-height:40px; background: url('../images/li_bj1.png') no-repeat center;  border-bottom:1px dotted #d2d2d2;}
.index_c .aside_left ul li a{ font-size:16px; color:#2a2a2a; margin-left:30px;}
.index_c .aside_left ul li:hover{ background: url('../images/li_bj2.png') no-repeat center; }
.index_c .aside_left ul li:hover a{ color:#fff; }

.index_c .aside_left .wechat{ width:100%; text-align:center; margin-bottom:20px;}
.index_c .aside_left .wechat h3{font-size:20px; color:#ff8a00; margin:35px 0 15px;}
.index_c .aside_left .wechat p{ color:#666; line-height:20px; margin-top:10px;}
.index_c .aside_left .wechat p span{ color:#0f4ec2;}

.index_c .aside_right { position:relative;float:right; width:910px; }
.index_c .aside_right ul{}
.index_c .aside_right ul li{ position:relative; width:280px; height:280px; float:left; margin-right:35px; margin-bottom:35px;}
.index_c .aside_right ul li img{ width:280px; height:280px;}
.index_c .aside_right ul li a{ display:block; position:absolute; z-index:2; top:0; left:0; }
.index_c .aside_right ul li p{ position:absolute; z-index:3; bottom:-30px; left:0; height:30px; line-height:30px;width:280px; overflow:hidden; font-size:16px; color:#000; text-align:center;}
/*.index_c .aside_right ul li:hover a{ visibility: visible;}
.index_c .aside_right ul li:hover p{ color:#1f69cd;}*/





.index_d{position: relative; width: 100%;  overflow:hidden; }
.index_d .container {position: relative; width:1200px; margin:0px auto;}



#swiperloop4 .loopbox{position:relative; width:1200px; height: 240px;overflow: hidden; border: 0px solid #000; margin: 30px auto 50px;}
#swiperloop4 .loopbox .list{ position: relative; top:0; left:0; width:100000px; }
#swiperloop4 .loopbox .list li{ float:left; width:1200px; height: 240px;overflow: hidden;}

#swiperloop4 .loopbox ul li dl {width: 10000px;}
#swiperloop4 .loopbox ul li dl dd {float: left; width:280px; text-align:center; margin-right: 25px;}
#swiperloop4 .loopbox ul li dl dd:last-child{ margin-right: 0px;}
#swiperloop4 .loopbox dd img{ width:100%; height:210px;}
#swiperloop4 .loopbox dd p{ width:100%; font-size:16px; color:#2a2a2a; height:30px; line-height:30px; overflow:hidden;}





.index_e{position: relative; width: 100%;  overflow:hidden;  background: url('../images/bj1.png') no-repeat center top;}
.index_e .container {position: relative; width:1164px; margin:80px auto 0; overflow:hidden;}

.index_e ul { margin-top:100px;}
.index_e ul li.left{ float:left;}
.index_e ul li.right{ float:right;}
.index_e ul li.li_img img{width:570px; height:370px; margin-bottom:40px;}

.index_e ul li.li_text { position:relative; width:560px; height:370px;}
.index_e ul li.li_text h2 { margin-top:40px;}
.index_e ul li.li_text h2 img{ width:72px; height:72px; margin-right:15px;}
.index_e ul li.li_text h2 span{ display:inline-block; width:483px; height:55px; line-height:55px; overflow:hidden; font-size:26px; color:#0d62d5; border-bottom:1px dotted #d7d7d7;}

.index_e ul li.li_text p{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#555; text-indent:20px; background: url('../images/icon2.png') no-repeat left center;}

.index_e ul li.last { margin-top:30px !important;}






.index_f{position: relative; width: 100%;  overflow:hidden; background:#f5f5f5; }
.index_f .container {position: relative; width:1200px; margin:60px auto;}

.index_f .aside_left {position: relative; float:left; width:590px; height:430px; border:1px solid #d7d7d7;}
.index_f .aside_right {position: relative;  float:right; width:590px; height:430px; border:1px solid #d7d7d7;}

.index_f aside h2 { width:100%; height:50px; line-height:50px; font-size:20px; color:#2a2a2a; font-weight:normal; text-indent:20px; border-bottom:1px solid #d7d7d7;}
.index_f aside h2 a{ float:right;font-size:14px; color:#0f4ec2; margin-right:10px;}

.index_f .aside_left div {position: relative; width:540px; height:160; margin:20px auto 0;}
.index_f .aside_left div h3 {font-size:16px; color:#2a2a2a; font-weight:normal; height:30px; overflow:hidden; margin-left:270px;}
.index_f .aside_left div p{height:140px; overflow:hidden; color:#777; margin-left:270px;}
.index_f .aside_left div img{ position:absolute; top:0; left:0; width:245px; height:158px; border:1px solid #d7d7d7;}




/*swiperloop5*/
#swiperloop5{position: relative; width:460px; height:325px; margin:35px auto 0;}
#swiperloop5 .swiper-slide { text-align:center;}
#swiperloop5 .swiper-slide img{ height:300px;}
#swiperloop5 .swiper-button-next,#swiperloop5 .swiper-button-prev {opacity:0.8; width:70px; height:100px; cursor:pointer; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
#swiperloop5 .swiper-button-prev{background: url('../images/prev2.png') no-repeat left top; left: -80px;}
#swiperloop5 .swiper-button-next{background: url('../images/next2.png') no-repeat left top; right: -80px;}
#swiperloop5 .swiper-button-next:hover,#swiperloop5 .swiper-button-prev:hover{ background-position:left bottom; opacity:1;}











.index_g{position: relative; width: 100%; height:150px;  overflow:hidden; background:#0b5ad2; }
.index_g .container {position: relative; width:1200px; margin:40px auto 0; }

.index_g .aside_left { float:left;}
.index_g .aside_left h2 {font-size:32px; color:#fff;}
.index_g .aside_left p {font-size:22px; color:#fff; margin-top:20px;}

.index_g .aside_right { float:right; }
.index_g .aside_right h3 {font-size:28px; color:#fff; margin-top:20px;}
.index_g .aside_right a {font-size:16px; color:#fff; display:inline-block; padding:2px 12px; border-radius:30px; background:#5196ff; margin-right:10px;}










.index_h{position: relative; width: 100%; overflow:hidden;  }
.index_h .container {position: relative; width:1200px; margin:65px auto 0; }

.index_h  article{position: relative; width:658px; height:312px; left:540px; top:60px;}
.index_h  article h3 {font-size:24px; font-weight:normal; height:70px; line-height:70px; overflow:hidden;}
.index_h  article p{height:120px; line-height:24px; overflow:hidden; color:#777; }
.index_h  article a {font-size:16px; color:#fff; display:inline-block; padding:4px 15px; background:#1f69cd; margin-top:20px;}

.index_h  article img{ position:absolute; top:0; left:-540px; width:507px; height:312px;}









.index_l{position: relative; width: 100%;  overflow:hidden; }
.index_l .container {position: relative; width:1200px; margin:60px auto;}


.index_l h2 { width:100%; height:70px; line-height:70px; font-size:24px; color:#2a2a2a; font-weight:normal;  border-bottom:1px solid #d7d7d7;}
.index_l h2  a{ float:right;font-size:14px; color:#0f4ec2; margin-right:10px;}


/*swiperloop6*/
#swiperloop6{position: relative; width:1200px; height:270px; margin:30px auto 50px;}
#swiperloop6 .swiper-slide { text-align:center;}
#swiperloop6 .swiper-slide img{ width:100%; height:240px;}
#swiperloop6 .swiper-slide p{ width:100%; font-size:16px; color:#2a2a2a; height:30px; line-height:30px; overflow:hidden;}
#swiperloop6 .swiper-button-next,#swiperloop6 .swiper-button-prev {opacity:0.8; width:70px; height:100px; cursor:pointer; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
#swiperloop6 .swiper-button-prev{background: url('../images/prev2.png') no-repeat left top; left: -80px;}
#swiperloop6 .swiper-button-next{background: url('../images/next2.png') no-repeat left top; right: -80px;}
#swiperloop6 .swiper-button-next:hover,#swiperloop6 .swiper-button-prev:hover{ background-position:left bottom; opacity:1;}









.index_m{position: relative; width: 100%; overflow:hidden; background:#f8f8f8;}
.index_m .container {position: relative; width:1200px; margin:45px auto 20px; }


.index_m .tab {position:relative; float:left; width:680px; padding-left:20px;  background:#fff;}
.index_m .tabmenu{width:100%;height:50px;line-height:50px; border-bottom:1px solid #d7d7d7;}
.index_m .tabmenu ul li{ float:left; font-size:18px; color:#333; cursor:pointer;}
.index_m .tabmenu ul li span{ display:inline-block; width:1px; height:13px; background:url("../images/fenge1.png") no-repeat  center; margin:0 15px;}
.index_m .tabmenu ul li.selected {color:#0b5ad2;}
.index_m .tabmenu a{float:right; color:#0b5ad2;  font-size:14px; }
.index_m .tabbox{width:100%; height:312px; overflow:hidden;}
.index_m .tabbox dd{width:100%; margin-top:20px;}
.index_m .tabbox dd.hide { display:none;}


.index_m  article{position: relative; width:100%; height:127px;  padding-bottom:10px; border-bottom:1px dotted #d7d7d7;}
.index_m  article h3 {font-size:16px; font-weight:normal; height:24px; overflow:hidden; margin-left:200px;}
.index_m  article h6 {font-size:12px; font-weight:normal;margin-left:200px; color:#777;}
.index_m  article p{ line-height:20px; height:60px; overflow:hidden; color:#777; margin-left:200px; margin-top:20px;}
.index_m  article a {color:#0b5ad2; }

.index_m  article img{ position:absolute; top:0; left:0px; width:177px; height:127px;}

.index_m .tabbox ul li{width:100%;line-height:40px; height:40px; color:#777;  border-bottom:1px dotted #d7d7d7;}
.index_m .tabbox ul li span{width:465px; overflow:hidden;}
.index_m .tabbox ul li i{ float:right; font-style:normal;}
.index_m .tabbox ul li:hover {color:#0b5ad2; }




.index_m aside{position:relative; float:right; width:440px;  background:#fff;}
.index_m aside h2 { width:100%; height:50px; line-height:50px; font-size:20px; color:#2a2a2a; font-weight:normal;  border-bottom:1px solid #d7d7d7;}
.index_m aside h2  a{ float:right;font-size:14px; color:#0f4ec2; }

.index_m aside .scroll_box{position: relative; width:415px; height:280px; overflow:hidden; margin:20px auto 0;}
.index_m aside .scroll_box ul{position:relative; top:0px;}
.index_m aside .scroll_box ul li{width:100%; height:140px;border-bottom:1px solid #d7d7d7; margin-bottom:10px;}
.index_m aside .scroll_box ul li h4{ line-height:40px; height:40px; overflow:hidden; padding:0 30px;font-size:16px; color:#2a2a2a; font-weight:normal; background:url("../images/icon5.png") no-repeat left 12px;}
.index_m aside .scroll_box ul li p{ line-height:24px; height:72px; overflow:hidden; padding:0 30px;color:#777; background:url("../images/icon6.png") no-repeat left 4px;  }










.index_n{position: relative; width: 100%; overflow:hidden; background:#f8f8f8;}
.index_n .container {position: relative; width:1200px; margin:40px auto ; }

.index_n h2 { width:100%; height:40px; line-height:40px; font-size:18px; color:#2a2a2a; font-weight:normal;  border-bottom:1px solid #d7d7d7;}
.index_n h2 span{color:#da251d;}
.index_n h2 a{ float:right;font-size:12px; color:#da251d; }

.index_n ul {position: relative; left:-10px; width:100%; top:10px;}
.index_n ul li{ float:left; background:url("../images/fenge1.png") no-repeat right center; height:40px; line-height:40px;}
.index_n ul li:last-child{ background:none;}
.index_n ul li a{ padding:0 20px; color:#777777;  font-size:14px; }
.index_n ul li a:hover{  color:#da251d; }









/*product*/

.p_banner{position: relative; width: 100%; overflow:hidden; }
.p_banner .container {position: relative; width:1200px; margin:10px auto ; }




.p_point{position: relative; width: 100%; overflow:hidden; height:80px; line-height:80px; border-bottom:1px dotted #666; margin:0 auto;}
.p_point .container {position: relative; width:1200px; margin:10px auto ; }
.p_point h2 { float:left;color:#1f69cd;  font-size:30px; font-weight:normal; text-indent:35px;  background:url("../images/icon7.png") no-repeat left center;}
.p_point h2 span {color:#5a5a5a;  font-size:16px; margin-left:5px;}

.p_point p{ float:right; color:#5a5a5a; }
.p_point p a{ color:#5a5a5a; }
.p_point p a:hover{ color:#0b5ad2; }

#p_point{ width:1200px;  border-bottom:1px solid #d7d7d7;}
#p_point h2 { color:#333;  font-size:26px; }



.p_nav{position: relative; width: 100%;  height:54px; line-height:54px;  }
.p_nav .container {position: relative; width:1200px; margin:0px auto ; }

.p_nav .menu1 > li{position: relative; float:left;  border-right:1px dotted #666; }
.p_nav .menu1 > li > a{ padding:0 27px; font-size:16px; height:54px;}
.p_nav .menu1 > li:hover{background:url("../images/bj2.png") no-repeat top center; }
.p_nav .menu1 > li.active{background:url("../images/bj2.png") no-repeat top center; }
.p_nav .menu1 > li:hover > a{color:#fff;}
.p_nav .menu1 > li.active > a{color:#fff;}

.p_nav .menu1 > li .menu2{ position: absolute; z-index:99;  display:none; width:101%; background:#1f69cd;}
.p_nav .menu1 > li .menu2 li{  width:90%; margin:0 auto; height:44px; line-height:44px; border-bottom:1px solid #89b3ec;}
.p_nav .menu1 > li .menu2 li:last-child{border-bottom:none;}
.p_nav .menu1 > li .menu2 li a{ color:#fff;}
.p_nav .menu1 > li:hover .menu2{ display:block; }




#product_c .aside_right{ width:100%;}
#product_c .aside_right ul li{ margin-right:25px;}


/*页码*/
.page {position:relative; clear:both; text-align:center; margin:0px auto 30px;}
.page a{display:inline-block; padding:3px 12px; border:1px solid #d7d7d7; margin-right:5px; color:#787878; }
.page a.current{  border:1px solid #0b40a7; color:#0b40a7;}
.page span{ position:relative; top:-2px;}




#product_d { background:#fff;}
#product_d .container{ border:1px solid #d7d7d7;}
#product_d h3{ width:1130px; margin-left:35px; font-size:18px; height:45px; line-height:45px; text-indent:20px; background:url("../images/icon8.png") no-repeat left center; border-bottom:1px solid #d7d7d7; margin-top:20px;}

#product_d ul{ width:1130px; margin-left:35px; margin-bottom:20px;}
#product_d ul li{margin-right:10px; }










/*solution*/

.solution_a{position: relative; width: 100%; overflow:hidden; }
.solution_a .container {position: relative; width:1200px; margin:50px auto 10px; }

.solution_a .aside_left {position: relative; width:850px; float:left;}
.solution_a .aside_left  ul li{position: relative; width:100%; height:150px; padding:30px 0; border-top:1px solid #d7d7d7;}
.solution_a .aside_left  ul li h3 { height:50px; line-height:50px; overflow:hidden; margin-left:240px;}
.solution_a .aside_left  ul li h3 a{font-size:20px; }
.solution_a .aside_left  ul li p{height:48px;  overflow:hidden; color:#5a5a5a; margin-left:240px;}
.solution_a .aside_left  ul li div{color:#9a9a9a; margin-left:240px; margin-top:20px;}
.solution_a .aside_left  ul li div span{ margin-right:50px;}
.solution_a .aside_left  ul li img{ position:absolute; top:30px; left:0px; width:211px; height:150px;}



.solution_a .aside_right {position: relative; width:290px; float:right; border:1px solid #d7d7d7;  }
.solution_a .aside_right ul{ width:258px; margin:0 auto;}
.solution_a .aside_right ul li{ padding:20px 0; border-top:1px solid #d7d7d7;}
.solution_a .aside_right h2{ font-size:18px; font-weight:normal; height:45px; line-height:45px;  background:url("../images/icon10.png") no-repeat 18px center; text-indent:40px;}
.solution_a .aside_right ul li h3 {font-size:16px; font-weight:normal; height:26px; line-height:26px; overflow:hidden;}
.solution_a .aside_right ul li h3 span{font-size:13px; line-height:20px; display:inline-block; padding:0 6px; border-radius:4px; color:#fff; background:#0b5ad2; margin-right:10px;}
.solution_a .aside_right ul li p{height:40px; line-height:20px;  overflow:hidden; color:#5a5a5a; margin-left:20px;}


.solution_a .tel {position: relative; width:290px; float:right; margin-top:40px;}
.solution_a .tel h4{font-size:16px; font-weight:normal; height:58px; line-height:58px;  background:url("../images/bj3.png") no-repeat left center; text-indent:90px; }
.solution_a .tel h4 span{ color:#ff8a00;}
.solution_a .tel h5{font-size:28px;color:#ff8a00; padding:20px 20px; border-bottom:1px dotted #d7d7d7; }
.solution_a .tel h5 span{font-size:16px;color:#333; font-weight:normal;}
.solution_a .tel a{font-size:16px;color:#fff; display:inline-block; padding:5px 90px; background:#0b5ad2; border-radius:30px; margin-top:20px;}


 
.solution_a .scroll_box2{position: relative; width:850px; float:left;}
.solution_a .scroll_box2 ul{position:relative; top:0px;}
.solution_a .scroll_box2 ul li{width:100%; border-top:1px solid #d7d7d7; margin-bottom:10px; padding:20px 0; }
.solution_a .scroll_box2 ul li h4{ line-height:40px; height:40px;  overflow:hidden; padding:0 30px;font-size:16px; color:#2a2a2a; font-weight:normal; background:url("../images/icon5.png") no-repeat left 12px;}
.solution_a .scroll_box2 ul li p{ line-height:24px; max-height:144px; overflow:hidden; padding:0 30px;color:#777; background:url("../images/icon6.png") no-repeat left 4px;  }





.solution_a article {position: relative; width:850px; float:left; border-top:1px solid #d7d7d7;}
.solution_a article .title{ padding:25px 0; border-bottom:1px dotted #d7d7d7; overflow:hidden;}
.solution_a article .title h2{ font-size:28px; color:#2a2a2a; font-weight:normal;}
.solution_a article .title h4{ font-size:14px; color:#2a2a2a; font-weight:normal; margin-top:20px; margin-bottom:10px;}

.solution_a article .wechat{ text-align:center; margin-top:50px; margin-bottom:20px;}
.solution_a article .wechat img{  margin-top:20px;}

.solution_a article .page_foot { overflow:hidden; margin-bottom:20px;}
.solution_a article .page_foot p{color:#9a9a9a; height:50px; line-height:50px; }
.solution_a article .page_foot .p1{border-bottom:1px dotted #d7d7d7;}
.solution_a article .page_foot .p2 .back{ color:#1f69cd; float:right;}












/*aboutus*/

#aboutus_a .container { margin:30px auto 10px; }
#aboutus_a article{top:30px;}

#aboutus_a > img{ width:100%;}
#aboutus_a article h3 { height: 60px; line-height: 26px; color:#1f69cd;  background:url("../images/bj4.png") no-repeat left center; padding-left:10px;}
#aboutus_a article h3 span{  color:#7a7a7a;}
#aboutus_a article p {height: 168px; margin-top:20px;}  
   

.aboutus_b{position: relative; width: 100%; overflow:hidden; }
.aboutus_b .container {position: relative; width:1200px; margin:30px auto 30px; background:#f5f5f5; padding:15px 0;}

.aboutus_b ul {margin-left:15px;}
.aboutus_b ul li {width:205px; height:220px; padding:25px 35px; float:left; border:1px solid #d7d7d7; margin-right:20px; background:#fff;}
.aboutus_b ul li h3 { height: 60px; line-height: 26px; color:#1f69cd; font-size:28px; font-weight:normal;  background:url("../images/bj5.png") no-repeat left center; padding-left:10px;}
.aboutus_b ul li h3 span{  color:#7a7a7a;}
.aboutus_b ul li p {height: 80px; line-height:40px; font-size:16px; overflow:hidden; margin-top:10px;}  




.aboutus_c{position: relative; width: 100%; overflow:hidden; }
.aboutus_c .container {position: relative; width:1200px; margin:45px auto 20px; }


.aboutus_c .tabmenu{width:100%;height:50px;line-height:50px; margin-top:40px; }
.aboutus_c .tabmenu ul { border:1px solid #d7d7d7; margin-left:200px; overflow:hidden; width:821px }
.aboutus_c .tabmenu ul li{ float:left; font-size:16px; color:#333; cursor:pointer; padding:0 40px; height:100%;  border-right:1px solid #d7d7d7;}
.aboutus_c .tabmenu ul li:last-child{ border-right:none;}
.aboutus_c .tabmenu ul li.selected {color:#fff; background:#0b5ad2;}
.aboutus_c .tabbox{width:100%; height:600px; overflow:hidden;}
.aboutus_c .tabbox dd{width:100%; margin-top:30px;}
.aboutus_c .tabbox dd.hide { display:none;}

.aboutus_c .tabbox ul li{ float:left; margin-right:28px; text-align:center; margin-bottom:20px;}
.aboutus_c .tabbox ul li img{width:372px; height:240px; }
.aboutus_c .tabbox ul li p{ padding:4px 10px; height:24px; overflow:hidden;}





.aboutus_e{position: relative; width: 100%; overflow:hidden; }
.aboutus_e .container {position: relative; width:1200px; margin:45px auto 20px; }

.aboutus_e ul { margin:36px 0;}
.aboutus_e ul li{ padding:24px; border:1px solid #d7d7d7; margin-bottom:30px; overflow:hidden;}
.aboutus_e ul li h3{height:40px; line-height:40px; font-size:18px; font-weight:normal; }
.aboutus_e ul li h3 span{ margin-left:30px; font-size:14px;}

.aboutus_e ul li img{ width:276px; height:171px; float:left; margin-right:10px; margin-bottom:10px;}
.aboutus_e ul li img:nth-child(2n+1){ margin-right:none;}
.aboutus_e ul li .img1{ width:568px; height:355px; }



.aboutus_f{position: relative; width: 100%; overflow:hidden; }
.aboutus_f .container {position: relative; width:1200px; margin:45px auto 60px; }
.aboutus_f ul li{ /*width:278px;*/float:left; margin-right:29px; text-align:center; margin-bottom:30px;}
.aboutus_f ul li .pro-img{width:276px; height:395px; /* overflow: hidden; */ border:1px solid #d7d7d7; transition: .8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; display: block;}
.aboutus_f ul li img{width:276px; height:395px; overflow: hidden; border:1px solid #d7d7d7;transition: .8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; }
.aboutus_f ul li .ab:hover{transform: scale(1.2.5);
    -webkit-transform: scale(1.2);width:276px; height:395px;}
.aboutus_f ul li p{width:276px; height:30px; line-height:30px; overflow:hidden; }














#aboutus_4 ul li{ float:left; margin-right:22px; text-align:center; margin-bottom:30px; width: 220px;}
#aboutus_4 ul li img{width:220px; height:120px;  }
#aboutus_4 ul li p{ width: 220px;}


#aboutus_5 ul li img{width:276px; height:210px;}






.aboutus_g{position: relative; width: 100%; overflow:hidden; }
.aboutus_g .container {position: relative; width:1200px; margin:45px auto 60px; }
.aboutus_g ul li{position: relative; width:550px; height:160px; padding:30px 50px 30px 0; float:left; border-bottom:1px solid #d7d7d7;}
.aboutus_g ul li h3{height:30px; line-height:30px; font-size:16px; overflow:hidden; margin-left:270px; margin-top:10px;}
.aboutus_g ul li p{height:120px; overflow:hidden; margin-left:270px; color:#777;}
.aboutus_g ul li img{ position:absolute; top:30px; left:0px; width:245px; height:158px;  border:1px solid #d7d7d7;}















/*news*/

.news_a{position: relative; width: 100%; overflow:hidden; }
.news_a .container {position: relative; width:1200px; margin:45px auto 60px; }
.news_a ul li{position: relative; padding:15px 25px; height:127px;  border:1px solid #d7d7d7; margin-bottom:30px;}
.news_a ul li h3{height:30px; line-height:30px; width:630px; font-size:18px; font-weight:normal; overflow:hidden; margin-left:350px; margin-top:20px;}
.news_a ul li p{height:48px; overflow:hidden;  width:630px; margin-left:350px; color:#7a7a7a;  margin-top:10px;}
.news_a ul li a.more{ display:block; width:90px; height:42px; line-height:42px; text-align:center; font-size:16px;  background:#f5f5f5;  position:absolute; top:50px; right:30px;}
.news_a ul li a.more:hover{  background:#1f69cd; color:#fff;}
.news_a ul li h4{ width:60px; height:80px; padding-right:35px; text-align:center; position:absolute; top:40px; left:237px; border-right:1px solid #d7d7d7;}
.news_a ul li h4 .span1{ font-size:50px;  border-bottom:1px solid #d7d7d7;}
.news_a ul li h4 .span2{ font-size:14px; font-weight:normal; line-height:80px;}
.news_a ul li img{ position:absolute; top:15px; left:25px; width:177px; height:127px;}



.news_b{position: relative; width: 100%; overflow:hidden; }
.news_b .container {position: relative; width:1200px; margin:45px auto 60px; }
.news_b ul li{position: relative; float:left; margin-right:40px; margin-bottom:40px;}
.news_b ul li img{height:260px; width:370px; }
.news_b ul li p{height:45px; line-height:45px; overflow:hidden; font-size:18px; text-indent:10px; }
.news_b ul li p span{width:230px; }
.news_b ul li p i{ font-style:normal; float:right;  font-size:14px; }
.news_b ul li a{display:block;height:260px; width:370px; position:absolute; top:0; left:0; z-index:2;  background:url("../images/icon15.png") no-repeat center; visibility:hidden; }
.news_b ul li:hover a{ visibility: visible; }









/*contact*/

.contact_a{position: relative; width: 100%; overflow:hidden; }
.contact_a .container {position: relative; width:1200px; margin:45px auto 60px; }



.contact_b{position: relative; width: 100%; overflow:hidden; }
.contact_b .container {position: relative; width:1200px; margin:45px auto 60px; }

.contact_b .aside_left{ width:523px; float:left;}
.contact_b .aside_left h3{ font-size:24px; font-weight:normal;}
.contact_b .aside_left h4{ font-size:16px;  font-weight:normal;  height:90px; line-height:30px; overflow:hidden; margin-top:20px;}
.contact_b .aside_left p{ font-size:16px; line-height:30px; color:#5a5a5a; margin-top:5px;}
.contact_b .aside_left p img{ margin-right:10px;}
.contact_b .aside_left .wechat{ margin-top:40px; width:145px; height:145px; }



.contact_b .aside_right{ width:552px; float:right; margin-right:20px;}
.contact_b .aside_right label{ font-size:16px;  color:#5a5a5a;}
.contact_b .aside_right input{ width:100%; height:40px; border-radius:4px; background:#e8e8e8; margin-bottom:30px;}
.contact_b .aside_right textarea{ width:100%; height:200px; border-radius:4px; background:#e8e8e8; margin-bottom:30px;}
.contact_b .aside_right button{ display:inline-block; padding:5px 30px; font-size:16px; color:#fff; background:#1f69cd; border-radius:4px; margin-top:20px;}








/*details*/

.details_a{position: relative; width: 100%; overflow:hidden; }
.details_a .container {position: relative; width:1200px; margin:0px auto 10px;}


.details_b{position: relative; width: 100%; overflow:hidden; }
.details_b .container {position: relative; width:1200px; margin:20px auto 20px; }

.details_b .aside_left { float:left; width:880px; padding:30px; border:1px solid #d7d7d7;}
.details_b .aside_left h2{ font-size:18px;  font-weight:normal; line-height:35px; height:35px;}
.details_b .aside_left ul li{ line-height:36px; height:36px; text-indent:36px; border-bottom:1px dotted #d7d7d7;}

.details_b .aside_right { float:right; width:200px; padding:20px; border:1px solid #d7d7d7;}
.details_b .aside_right h2{ font-size:18px;  font-weight:normal; line-height:35px; height:35px;}
.details_b .aside_right ul li { text-align:center;}
.details_b .aside_right ul li img{ width:197px; height:197px;}
.details_b .aside_right ul li p{ height:24px; overflow:hidden; margin-bottom:20px;}

.details_b .page_foot { overflow:hidden; margin-bottom:20px;}
.details_b .page_foot p{color:#9a9a9a; height:50px; line-height:50px; }
.details_b .page_foot .p1{border-bottom:1px dotted #d7d7d7;}
.details_b .page_foot .p2 .back{ color:#1f69cd; float:right;}





















