@charset "utf-8";
/*index css*/
a,li{ list-style: none; text-decoration: none;}
.gray{ width: 100%; height:10px; background: #f4f4f4;}
.imgbanner{ height:auto;}
.imgbanner img{ width:100%;}

.banerbg1{ width: 100%; margin-top: 60px;}

.title-name{ width: 100%; border-bottom: 1px solid #e5e5e5; margin-bottom: 18px; }
.title-name h3{ width: 96%; margin: 0 auto; font-size: 1.8rem; color: #403f3f; font-weight: normal; height: 46px; line-height: 46px;}
.title-name h3:before{ content:"●"; color: #d40a0a; padding-right: 20px;}
.title-name h3 span{ font-size: 1.4rem; color: #505050; float: right;}
.teams .title-name{ margin-bottom: 0;}

h4.tit{ font-size: 2.4rem; color: #414141; border-bottom: 20px solid #eeeeee; padding:20px 2%; margin:0 0 20px 0;}
h4.nobor{ border: 0; margin: 0;}

.myteam{width: 100%; margin: 60px auto 0 auto; background: #fff; overflow: hidden;}
.myteam .swiper-container{ width:100%;  height: auto; overflow: hidden; margin: 0 auto;}
.myteam .swiper-slide img{ width:100%; height: auto;}

.fl_top{font-size: 1.7rem;color: #333333;text-align: center; margin: 1rem  auto;}
.fl_top p{font-weight: bold;}

.tab{width:100%;}
.flfw{overflow: hidden;margin-bottom: 1.0625rem;}
.tab_con{text-align: center;}
.tab_con a{ width: 8rem; display: inline-block; font-size: 1.2rem;border-radius: 1.5625rem;line-height: 1.5625rem;margin: 0 0.3rem; padding: .3rem .8rem; position: relative;background: #efefef;color: #636363;}
.tab_con i{position: absolute;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #3665ff;bottom: -4px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: none;}/*三角形图标*/
.tab_nr{margin-top: 0.875rem;border-top: .5px solid #dedede;overflow: hidden;}
.tab_nr_box{float: left;width: 33.333%;border-right: .5px solid #dedede;border-bottom: .5px solid #dedede;padding-bottom: 0.938rem;}
.tab_nr_box p{color: #12111a;font-size: 1.4rem;text-align: center; margin-bottom: 0;}

.tab_nr_box img{margin: 1.75rem auto 0.938rem;display: block;text-align: center;}
.tab_nr_con{display: none;}
.tab_nr_con.xs_open{ display: block; }

.tab_con .xs i{display: block !important;}
.tab_con .xs{color: #fff;background: #3665ff;}
.ls .tab_con a{ padding: .3rem .5rem;}
.ls .tab_con i{position: absolute;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #3665ff;bottom: -5px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: none;}
.ls .tab{border-bottom: 1px solid #F4F4F4;padding-bottom: 0.875rem;}

section.gdzx{ width: 100%; background: #f5f5f5; }
.gdzx .zx{ width: 96%; margin: 0 auto;  background: url(../img/icon_04.png) no-repeat left center;overflow: hidden;}
.gdzx .zx .box{ margin-left: 2rem; height: 30px; line-height: 30px; }
.gdzx .zx .box a{ font-size: 1.2rem; color: #444545; padding:0 1rem;}
.gdzx .zx .box a:hover{ color: #0044b1;}

.title{ width: 96%; margin: 0 auto; padding: 0.625rem 0 0.3125rem;}
.title .title_nr{display: block; clear:both}
.title .title_nr.xs_open{ display: block; }

.ls2 .title .box{ border-bottom: 1px solid #f5f0f0; margin: 1rem auto; }
.ls2 .title .title_nr{ display: block; }

.title_nr_l{ width: 18%; float: left;}
.title_nr_l img{width: 100%;border-radius: 50%;}
.title_nr_r{ width: 78%; float: right;}
.title_nr_r .p1{font-size: 0.625rem;color: #636363;margin: 0.3125rem 0;}
.title_nr_r .span1{font-size: 0.875rem;font-weight: bold;margin-right: 0.3125rem;}
.title_nr_r .p2{color: #636363; margin: 0.438rem 0 ;}
.title_nr_r .span2{font-size: 0.75rem;}
.lj{margin: 0.938rem 0;}
.lj a{ font-size: 1.4rem; width: 8rem; height: 2.2rem; line-height: 2rem;color: #fff;margin-right: 1rem;text-align: center;display: inline-block;background: #3665ff;border-radius: 5px;}
.lj .a2{background: #f7ab00;}
.gg{width: 100%;display: block;}


.lx{border-top: 5px solid #DEDEDE;padding-top: 1rem;}
.lx input{width: 100%;border:.5px solid #DEDEDE;height: 1.625rem;padding-left: 2.2rem;margin-bottom: 0.5rem ;}
.lx .inp1{background: url(../img/zhangh.png) no-repeat 0.625rem 0.3rem;}
.lx .inp2{background: url(../img/shouj.png) no-repeat 0.8rem 0.33rem;}
.lx textarea{width: 100%;border:.5px solid #DEDEDE;height: 4.375rem;padding: .825rem .825rem 0;margin-bottom: 0.5rem ;}
.lx .ck{width: 60%;margin: 0 auto 0.9375rem;line-height: 2rem;}

section.bj3{ padding: 10px 0;}
.product .case_nav.left{ text-align: left;}
.product .case_nav{ width:100%; margin:0px auto; font-size: 1.6rem; border-bottom: 1px solid #e5e5e5;}
.product .case_nav .navboc .flexbox1:before{ content:"●"; color: #8c8a8a; float: left; line-height: 46px;}
.product .case_nav .navboc{ width:96%;  text-align: center; margin:0 auto;}
.product .case_nav a{display: block; float:left; padding: 10px 0px;  color: #505050;-webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;}
.product .case_nav a.case_nav_on{ color: #f7ab00; border-bottom: 1px solid #3665ff;}

.product .calest{ width: 100%; height: auto; overflow: hidden; zoom: 1;}
.product .caselie{ width: 100%; height: auto; overflow: hidden; zoom: 1; padding-top:10px; display: none;}
.product .caselie ul{ width: 100%;}
.product .caselie ul li{ width: 46%; border: 1px solid #e8e8e8; float: left; margin: 2%; overflow:hidden; cursor:pointer;-webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.product .ces_top{ width: 100%; min-height: 150px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.product .ces_top .casimg{ width: 100%; min-height: 100%;}
.product .ces_btm{width:100%; font-size: 1.8rem; color: #12111a; padding-left:5px; overflow: hidden; background: #fff; margin: 0; text-align: center;}
.product .ces_btm .p1{ font-size: 2rem; border-bottom: 1px solid #f5f5f5; padding: 5px 0; margin:0;}
.product .ces_btm .p2{ font-size: 1.5rem;margin: 5px auto}

.product .calest .caselie_on{ display: block;}

.box1 .caselie ul li{box-shadow: 2px 3px 3px #f1f0f0;-moz-box-shadow: 2px 3px 3px #f1f0f0; -ms-box-shadow: 2px 3px 3px #f1f0f0;-o-box-shadow: 2px 3px 3px #f1f0f0;}

.box3 .calest{ width: 96%; margin:0 auto; overflow:hidden;}
.box3 .caselie ul{ width:104%;}
.box3 .caselie ul li{ list-style:none; padding: 0px 0 10px 0; margin: 2% 0; width:96%; height:100px; overflow:hidden; border:0; border-bottom: 1px solid #eeeeee; box-shadow: none;}
.box3 .caselie ul li .updateimg{ width: 30%; height: 90px; float:left;}
.box3 .caselie ul li .updateimg img{ width:100%; height: 100%;}
.box3 .caselie ul li .updatecont{ width:68%; float:right;}
.box3 .caselie ul li .updatecont .litit{ font-size:1.4rem; color:#403f3f; height:25px; margin-bottom: 0;overflow: hidden;}
.box3 .caselie ul li .updatecont .licont{ height: 52px; overflow: hidden; font-size: 1.2rem;}
.box3 .caselie ul li .updatecont .licont p{ font-size:1.2rem; color:#626060; margin: 0;}
.box3 .caselie ul li .updatecont .pdate{ font-size:1.2rem; color:#626060; margin: 0;}

.box3 .caselie ul li a{color:#535353; }
.box3 .caselie ul li a:hover{ color:#00a57c;}

.box4 .calest{ width: 96%; margin:0 auto; overflow:hidden;}
.box4 .caselie ul{ width:104%;}
.box4 .caselie ul li{ list-style:none; padding: 0px 0 10px 0; margin: 2% 0; width:96%; height:100px; overflow:hidden; border:0; border-bottom: 1px solid #eeeeee; box-shadow: none;}
.box4 .caselie ul li .updateimg{ width: 30%; height: 90px; float:left;}
.box4 .caselie ul li .updateimg img{ width:100%; height: 100%;}
.box4 .caselie ul li .updatecont{ width:68%; float:right;}
.box4 .caselie ul li .updatecont .litit{ font-size:1.4rem; color:#403f3f;  margin-bottom: 0;overflow: hidden;}
.box4 .caselie ul li .updatecont .licont{ overflow: hidden; font-size: 1.2rem;}
.box4 .caselie ul li .updatecont .licont p{ font-size:1.2rem; color:#626060; margin: 0;}
.box4 .caselie ul li .updatecont .pdate{ font-size:1.2rem; color:#626060; margin: 0;}

.box4 .caselie ul li a{color:#535353; }
.box4 .caselie ul li a:hover{ color:#00a57c;}

.myform{ width: 96%; margin: 20px auto;}
.myform input{ width: 98%; font-size: 1.6rem; color: #636363; border: 1px solid #e5e5e5; height: 50px; }
.myform .input1{ background:#fff url(../img/zb_40.png) no-repeat 5px center; padding-left: 50px; margin:10px auto;}
.myform .input2{ background:#fff url(../img/zb_41.png) no-repeat 5px center; padding-left: 50px;}
.myform .input3{ width: 70%; margin:0px auto; background: #3665ff; color: #fff; display: block;-webkit-appearance:none;}
.myform textarea{ width: 98%; height: 150px; border: 1px solid #d5d5d5; margin: 10px 0; padding:4%; color: #636363; font-size: 1.6rem; }

.mapbox{ width: 100%; height: 300px;}

.fenye{ margin:20px auto; text-align: center;}
.more{ width: 100%; font-size: 1.8rem; background: #3665ff; color: #fff; padding: 12px 20px; margin: 0px auto; text-align: center;}


.news{ width: 100%; margin-top: 60px;}
.mycont{ background: #fff;}
.mycont .product .case_nav a,.mycont.news,.mycont .product .caselie ul li{ background: #fff;}
.mycont .product .case_nav .navboc:before{ content: normal; }
.mycont .box3 .caselie ul li{ border:0; border-bottom: 1px dashed #bbbbbb;}
.mycont .product .case_nav a.case_nav_on {background: #3665ff; color: #fff; border-bottom: 0;}
.mycont .product .case_nav a{ width:32%; -webkit-transition: .1s; -moz-transition: .1s; -ms-transition: .1s; -o-transition: .1s; transition: .1s;}

.mycont .contbox{ width: 96%; margin: 0px auto; padding-bottom: 20px;}
.mycont .contbox h3{ color: #303030; font-size: 1.9rem; line-height: 2.5rem; margin: .8rem 0;}
.mycont .contbox h5{ color: #8d8d8d; font-size: 1.4rem; margin: 10px 0;}
.mycont .contbox .pbox{ width: 100%; color: #434343; font-size: 1.4rem; padding: 10px 0;}
.mycont .contbox .pbox p{ color: #626060; font-size: 1.4rem; line-height: 2.2rem;margin:0;}
.mycont .contbox .pbox p img{ max-width:100%}
.mycont .navlist{ width: 96%; margin: 10px auto; padding:10px 0px; background: #eeeeee;}
.mycont .navlist p{ width:100%; height: 25px; overflow:hidden; color: #646464; margin:10px 5px; font-size: 1.5rem;}
.mycont .navlist p span{ color: #afafaf;}
.mycont .navlist a{ color: #646464;}

.map{ width: 100%; min-height: 400px; margin:60px auto;}
.hrbg{ width: 100%; height:20px; background: #efefef;}
.moredown{width: 70%; background: #00a57c; font-size: 1.9rem; color: #fff;  margin: 15px auto; padding: 10px; text-align: center; display: block;}

/* pages */
.fy{ margin: 1rem auto; text-align: center;}
.fy a{ font-size: 1.4rem; color: #a8aaad; border: 1px solid #d2d4d6; padding: 2px 10px;}
.fy span{ background: #749acc; padding: 7px 12px 3px 12px; color: #fff;}
.fy a:hover{border: 1px solid; color: #333030;}


a,a:hover, a:focus{ text-decoration: none;}


.title_nr_r .p3,.tab_nr_box p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tab_con{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}

.bgimg1 .left,.bgimg1 .right{
	position: relative;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.banerimg img,.banerimg .pbox .p1,.bgimg1 .left,.bgimg1 .right,.mycont .navlist a{
	position: relative;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}

.flexbox1{
	width: 100%;
	overflow: hidden;
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}

.flexbox1 a{
	flex: 1 1 auto;
	height:46px;
	overflow: hidden;
}


@media only screen and (max-width: 320px){
	header .logo{ padding-top: 2%;}
    .ls .tab_con a{width: 4.8rem; padding: .3rem .3rem; margin: 0 .1rem;}
}