*{padding: 0;margin: 0;}
html{font-family: 'Microsoft YaHei';-webkit-tap-highlight-color: transparent;}
a{text-decoration: none;color: #232e3c;display: block;outline: none;}
body{font-size: 14px;color: #636e7c;}
h2,h1,h4{font-weight: normal;}
h3{font-size: 20px;}
ul{list-style: none;}
img{display: block;}
img, input,textarea,a,div{outline: none;}
.clear{clear: both;}

.xfCont{overflow: hidden;}
.xfCont form .btn { background-color: #3d6cff; border: none;}
input {outline: none !important;}
#page{text-align: center;padding: 0;margin: 0;}
#page a{display: inline-block;margin: 0 13px 5px 0;width: 77px;height: 35px;line-height: 35px;padding: 0;text-align: center;}
#page .current{padding: 0;}
.l{float: left;}
.r{float: right;}

.banner {position: relative;}
.banner img{width: 100%;}
.mobban{display: none;}
.banner{width: 100%;overflow: hidden;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%; 
	background-color: rgba(255,255,255,0.5); opacity: 1;box-sizing: border-box;}
.banner .swiper-pagination-bullet-active{background-color: rgba(255,255,255,1);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    right: 2em;width: 20px;top: 45%;left: auto;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 15px 4px;}
.banner .swiper-pagination {position: absolute;z-index: 10;}

/*mob*/
.mobg{position: fixed;right: 10% ;z-index: 100;top: 0;}
.mobg .nav_xl_a {display:none;float:right; position:relative; margin: 14px 10% 0 0; width:50px; height:50px; cursor:pointer; z-index:999;}
.mobg .a1:before {background:#fff !important;}
.mobg .a1:after {background:#fff !important;}
.mobg .nav_xl_a:before, .mobg .nav_xl_a:after {position:absolute; content:''; left:50%; top:50%; margin-left:-17.5px; width:35px; height:3px; background:#3d6cff; transition:.4s all ease;}
.mobg .nav_xl_a:before {-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}
.mobg .nav_xl_a:after {-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}
.mobg .nav_xl_a span {position:absolute; opacity:1; left:50%; top:50%; margin-left:-17.5px; width:35px; height:3px; background:#3d6cff; transition:.4s all ease;}
.mobg .a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
.mobg .a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
.mobg .a1 span {opacity:0;}
.mobg .mobnav {transition:.4s all ease; display:none;overflow:hidden; width:90%;height:100%;padding:80px 5% 0;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;}
.mobg .mobnav li {overflow:hidden; line-height:40px; margin-left:100px; margin-bottom:2%;transition:.4s all ease;}
.mobg .mobnav li:nth-child(2n) {margin-left:0; margin-right:100px;}
.mobg .ali li {margin-left:0;}
.mobg .ali li:nth-child(2n) {margin-right:0;}
.mobg .mobnav li a {display:block; text-align:center; font-size:16px; color:#fff; cursor:pointer; background:rgba(255,255,255,0.6);}
.mobg .mobnav li a:hover {background:rgba(16,16,16,1);}

/*mobsort*/
.mobsnav{position: relative;display: none;}
.mobsnav a{font-size: 14px;color:#636e7c;position: relative;cursor: pointer;}
.mobsnav .sort_btn{border-bottom: 1px solid #ccc;line-height: 4em;height: 4em;padding: 0 5%;background: url(../images/d.png) right center no-repeat;    background-position: 95%;}
.mobsnav .sort_nav{width: 100%;background-color: #fff; z-index:9999;display: none;overflow:hidden;/*position:absolute; top: 3em;*/}
.mobsnav .sort_nav li{width: 100%;border-bottom: 1px solid #ddd;padding: 0 5%;box-sizing: border-box;line-height: 3em;}
.mobsnav .navShow{display: block;}

/*common*/
header{padding: 0 13.5%;box-sizing:border-box;width: 100%;line-height: 90px;height: 90px;position: fixed;top: 0;left: 0;z-index: 99;background: rgba(255,255,255,0.9);
	box-shadow: 3px 5px 7px 0px rgba(142, 142, 142, 0.31);}
header .logo{float: left;margin-top: 10px;}
header .logo img{height: 70px; }
header .meun{float: right;}
header .meun .topnav{display: block;float: left;font-size: 16px;}
header .meun .topnav li{display: block;float: left;}
header .meun .topnav li a{padding: 0 20px;transition: all 0.5s;color: #333;}
header .meun .topnav li a:hover{background-color: #3d6cff;color: #fff;}
header .meun .search{display: inline-block;margin: 0 23px;}
header .meun .lag{display: inline-block;margin: 0 23px;}

.search .s-btn {display:inline-block;background: url(../images/search.png) no-repeat ;
	width: 18px;height: 18px;}
.search .s_ceng {display:none; position:absolute; padding:10px; right: 3%; top: 30px; border: 1px solid #bfc7dd; background:#fff; width:225px;z-index:99;}
.search .s_ceng .gb {display:inline-block; float:left;width: 18px;height: 20px;
	background: url('../images/colse.png') no-repeat center;}
.search .s_ceng input {float:left; width:200px; line-height:20px; text-indent:15px; 
	border:none;outline: none;}
.search .s_ceng .s {outline: none;position:absolute; padding-right:0; border: none; 
	border-left:none; height:36px; width:36px; right: 0; top: 0px; background:url(../images/search.png) #fff center center no-repeat;}

.box_about{background: url(../images/bg_about.jpg) top center no-repeat;background-size: cover;margin-top: 0;padding-bottom: 75px;padding-top: 180px;}
.box_about .bg{width: 83%;background-color: #636c88;padding: 50px 5.625% 65px 3.5%;box-sizing: border-box;margin: 0 auto 95px auto;}
.box_about .bg .pic{width: 49%;float: left;margin-right: 5.5%;position: relative;min-height: 440px;background: url(../images/video.jpg) center no-repeat;background-size: cover;}
.box_about .bg .pic a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/play.png) 97% 95% no-repeat;}
.box_about .bg .txt{width: 45.5%;float: right;color: #fff;}
.box_about .bg .txt h2{font-size: 25px;border-bottom: 1px solid #fff;display: inline-block;padding-bottom: 49px;margin-bottom: 35px;width: 100%;}
.box_about .bg .txt p{line-height: 2.0;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 9;}
.box_about .more{border: 2px solid #bfc7dd;border-radius: 40px;text-align: center;line-height: 53px;height: 53px;width: 190px;color: #525c7b;
margin: 0 auto;}

.box_contact{background: url(../images/bg_con.jpg) top center no-repeat;background-size: cover;color: #fff;padding-top: 170px;box-sizing: border-box;}
.box_contact .txt{width: 73%;margin: 0 auto;}
.box_contact .txt h2{font-size: 25px;margin-bottom: 70px;}
.box_contact .l{float: left;width: 40%;}
.box_contact .l .list_icon {display: block;margin-top: 0px;}
.box_contact .l .list_icon li{display: block;float: left;margin-right: 18px;}
.box_contact .l .list_icon li a{width: 19px;height: 25px;background: url(../images/sicon.png) no-repeat 0 0;height: 20px;}
.box_contact .l .list_icon li:nth-child(2) a{background-position: -35px -1px;width: 25px;height: 21px;}
.box_contact .l .list_icon li:nth-child(3) a{background-position: -76px 0;width: 22px;height: 21px;}

.box_contact .r{float: right;width: 54.6%;}
.box_contact .r .form {margin-bottom: 120px;}
.box_contact .r .form p{margin-bottom: 37px;}
.box_contact .r .form .l{width: 47.5%;margin-right: 5%;}
.box_contact .r .form .r{width: 47.5%;}
.box_contact .r .form input{width: 100%;height: 33px;margin-bottom: 30px;border: none;text-indent: 5%;color: #333333;font-size: 15px;}
.box_contact .r .form .txtcon{height: 225px;vertical-align: top;width: 100%;margin-bottom: 30px;border: none;padding-left: 5%;vertical-align:top;
	font-family: 'Microsoft YaHei';font-size: 15px;padding-top: 20px;box-sizing:border-box;}
.box_contact .r .form textarea::-webkit-input-placeholder {color: #333;}
.box_contact .r .form input::-webkit-input-placeholder {color: #333;}
.box_contact .r .form .btn{width: 100%;height: 33px;line-height: 33px;background-color: #111111;border: none;color: #fff;font-size: 15px;}
.box_contact .r .form .yzm {overflow:hidden; position:relative;width: 100%;}
.box_contact .r .form .yzm input{width: 50%;}
.box_contact .r .form .yzm img {position:absolute; right:0; top: 4px; cursor:pointer;}

footer{padding-bottom: 35px;padding-left: 4%;box-sizing: border-box;}
footer a,footer p{display: inline-block;color: #1d2130;line-height: 1.5;}
.box_contact footer a,.box_contact footer p{color: #fff;}

.ban_page{background-size: cover;height: 500px;width: 100%;background-position: right;}
/*page*/
.sortnav {text-align: center;width: 85%;margin: 35px auto 0 auto;}
.sortnav ul li{display: inline-block;font-size: 14px;margin: 0 5px 0 0;}
.sortnav ul li a{color: #3d6cff;padding: 0 46px;border: 1px solid #ced4e5;height: 42px;line-height: 42px;}
.sortnav ul li a:hover {color: #fff;border: 1px solid #3d6cff;background-color: #3d6cff;}

.page_con{margin: 70px auto 10px auto;min-height: 500px;width: 73%;}
.page_con .img{width: 50%;float: left;position: relative;}
/*.page_con .img .swiper-container6{overflow: hidden;}*/
.page_con .img img{width: 100%;display: block;}
.page_con .txt{width: 100%;float: left;line-height: 30px;padding: 0 3.5%  0  3.5%;box-sizing: border-box;font-size:16px;}
.page_con .img .btn{position: absolute;right: 6%;bottom: 0;text-align: center;font-size: 0;}
.page_con .img .img_txt{color: #3d6cff;padding-left: 80px;margin-top: 45px;background-color: #fff;}
.page_con .img .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0.15;}
.page_con .img .swiper-container6:nth-child(2) .swiper-wrapper{z-index: 0;}
.page_con .img .btn div, .swiper-container-rtl .swiper-button-prev{position: static;
	background: url(../images/pageicon.png) no-repeat 0 -3px;width: 22px;height: 18px;margin-right: 32px;cursor: pointer;display: inline-block;}
.page_con .img .btn .swiper-button-next, .swiper-container-rtl .swiper-button-next{background-position: -55px -3px;}
.zoom{display: inline-block;background: url(../images/pageicon.png) no-repeat  -111px 0;width: 22px;height: 21px;position: absolute;bottom: -65px; 
	right: 30px;cursor: pointer;}
.page_con .txt h3{color: #3d6cff;display: inline-block;padding-bottom: 22px;border-bottom: 3px solid #3d6cff;
	margin-bottom: 40px;}

.page_about{width: 100%;}

.list_cul3{display: inline-block;padding: 0;width: 100%;}
.list_cul3 li{display: inline-block;width: 29%;padding: 0;margin-right: 6.5%;float: left;box-sizing: border-box;}
.list_cul3 li:nth-child(3n){margin-right: 0;}
.list_cul4{display: block;}
.list_cul4 li{width: 23.5%;margin-right: 1.9%;float: left;}
.list_cul4 li:nth-child(4n){margin-right: 0;}
.list_cul4 li img{width: 100%;cursor: pointer;}
/*job*/
.job{margin-bottom: 80px;width: 72%;}
.job .list{display: block;margin: 65px auto ;}
.job .list li{display: block;width: 47.5%;margin-right: 5%;float: left;border: 1px solid #bfc7dd;box-sizing: border-box;
	margin-bottom: 45px;line-height: 2.0;text-align: left;padding: 33px 29px 18px 40px;}
.job .list li:nth-child(2n){margin-right: 0;}
.job .list li a{background: url(../images/jobicon.png) #fff right bottom no-repeat;padding-bottom: 1.5em;padding-right: 10%;}
.job .list li a h4{font-size: 14px;color: #232e3c;font-weight: bold;line-height: 1.0;margin-bottom: 22px;height: 14px;overflow: hidden;}
.job .list li a p{min-height: 168px;overflow: hidden;}
.job .btn{text-align: center;}
.job .btn .bjob{height: 68px;line-height: 1.0;background-color: #00a2ff;color: #fff;border-radius: 10px;box-sizing: border-box;transition:all 0.5s;
font-size: 16px;display: inline-block;padding: 26px 50px ;cursor: pointer;}
.job .btn .bjob p{display: inline-block;float: left;margin-right: 1em;}
.job .btn .bjob img{display: block;float: right;}
.job .btn .btndol{margin-right: 20px;}
.job .btn .bjob:hover{background-color: #0987d0;}
.job .list li:hover{border: 1px solid #0987d0;}
/*case*/
.case{width: 83%;}
.page_con .list_cul3 li{margin-bottom: 47px;overflow: hidden;width: 33%;margin-right: 0.5%;display: inline-block;}
.page_con .list_cul3 li:nth-child(3n){margin-right:0;}
.case .list_cul3{margin-bottom: 63px;}
.case .list_cul3 li .pic{margin-bottom: 2px;overflow: hidden;}
.case .list_cul3 li .pic img{transition:all 0.5s;width: 100%;max-height: 220px}
.case .list_cul3 li a:hover .pic img{transform:scale(1.08,1.08);}
.case .list_cul3 li a:hover p{background-position: 94% center;}
.case .list_cul3 li p{background: url(../images/jt2.png) #646e7c 93% center no-repeat;height: 39px;line-height: 39px;padding-left: 5%;
box-sizing: border-box;color: #fff;transition:all 0.5s;}

/*news*/
.news {text-align: center;width: 83%;}
.news .list_cul3{text-align: left;}
.news .list_cul3 li{margin-bottom: 52px;overflow: hidden;transition:all 0.5s;width: 31%;margin-right: 3.5%;}
.news .list_cul3 li:nth-child(3n){margin-right:0;}
.news .list_cul3 li .pic{overflow: hidden;height: 280px;}
.news .list_cul3 li a {overflow: hidden;}
.news .list_cul3 li a img{display: block;width: 100%;transition:all 1s;}
.news .list_cul3 li h4{font-size: 16px;line-height: 25px;font-weight: bolder;color: #3d6cff;overflow: hidden;max-height: 25px;}
.news .list_cul3 li p{height: 50px;line-height: 25px;margin: 30px 0 50px 0;overflow: hidden;color: #646e7c;}
.news .list_cul3 li small{font-size: 14px;font-style: italic;text-decoration: underline;color: #646e7c;}
.news .list_cul3 li .ntxt{border-left: 1px solid #d2d7e7;border-right: 1px solid #d2d7e7;border-bottom: 1px solid #d2d7e7;padding:25px 9.5% 30px 7%;border-top: 1px solid #d2d7e7;}
.news .list_cul3 li a:hover img{transform:scale(1.08,1.08);}

/*conview*/

.con_view{width: 73%;}
.con_view h3{color: #636e7c;margin-bottom: 15px;}
.con_view .content{color: #636e7c;line-height: 24px;}

.con_view .content img{width: auto;max-width: 100%;display: inline;}
.con_view .data{margin-bottom: 30px;}
.con_view .data p{background: url(../images/clock.png) no-repeat center left;padding-left: 34px;color: #717b99;display: inline-block;}

.con_view .data .nav{float: right;}
.con_view .data .nav a:nth-child(1){background: url(../images/p1.png) center no-repeat;width: 7px;height: 20px;float: left;margin-right: 58px;}
.con_view .data .nav a:nth-child(2){background: url(../images/n1.png) center no-repeat;width: 7px;height: 20px;float: left;margin-right: 43px;}
.back{background: url(../images/back.png) no-repeat;background-position: 100% center;padding-right: 40px;width: auto;font-size: 16px;
	color: #717b99;float: right;}

.con_view .casen{margin-bottom: 40px;}
.con_view .casen p{background: url(../images/d.png) no-repeat center right;padding-right: 26px;padding-left: 0;}
.con_view .list_cul3 li{width: 32%;margin-right: 2%;cursor: pointer;}
.con_view .list_cul3 li img{width: 100%;}
.con_view .list_cul3 li:nth-child(3n){margin-right: 0;}

.con_view .pron{margin-bottom: 55px;}
.con_view .pron p{background: url(../images/proicon.png) no-repeat center left;padding-left: 33px;}
/*.con_view .list_cul4{display: block;}
.con_view .list_cul4 li{width: 23.5%;margin-right: 2%;float: left;}
.con_view .list_cul4 li:nth-child(4n){margin-right: 0;}
.con_view .list_cul4 li img{width: 100%;}*/
.con_view .case_view .list_cul3{margin-bottom: 33px;}
.con_view .product_view .list_cul4{margin-bottom: 40px;}
.con_view .product_view .list_cul4 li img{width: 100%;display:block;}
.con_view .product_view .list_cul4 li{border: 1px solid #939aa3;box-sizing: border-box;margin-bottom: 30px;overflow: hidden;}
.con_view .product_view .list_cul4 li:hover{border: 1px solid #6e747b;}
.product{width: 73%;}
.product .l{width: 21.5%;margin-right: 5.7%;}
.product .l h3{display: inline-block;width: 100%;height: 97px;color: #fff;background-color: #3d6cff;border-top-left-radius: 15px;
border-top-right-radius: 15px;padding-left: 25px;padding-top: 44px;box-sizing: border-box;}
.product .l ul{display: block;}
.product .l ul li{display: block;}
.product .l ul li a{color: #636e7c;border-bottom: 1px solid #f1f1f1;height: 52px;line-height: 52px;padding-left: 25px;padding-right: 11%;
	background: url(../images/n1.png) no-repeat 90% center;box-sizing: border-box;transition:all 0.3s;}
.product .l ul li a:hover{color: #636e7c;background-color: #f1f1f1;border-bottom: 1px solid #f9f9f9;}

.product .r{width: 71.5%;}
.product .r .top{margin-bottom: 40px;}
.product .r h3{display: inline-block;}
.product .r .st{display: none;background: url(../images/iconp2.png) no-repeat center left;padding-left: 34px;color: #717b99;margin-top: 20px;}
.product .r .list_cul3{margin-bottom: 40px;}
.product .r .list_cul3 li{width: 30%;margin-right: 5%;margin-bottom: 60px;}
.product .r .list_cul3 li:nth-child(3n){margin-right: 0;}
.product .r .list_cul3 li .pic{border: 1px solid #bfc7dd;margin-bottom: 0;overflow: hidden;}
.product .r .list_cul3 li p{line-height: 55px;height: 55px;background: url(../images/ip4.png) #fff 97% center no-repeat;border-bottom: 1px solid #bfc7dd;
	color: #636e7c; padding: 0 30px 0 10px;overflow: hidden;box-sizing: border-box;}
.product .r .list_cul3 li .pic img	{transition:all 0.5s;width: 100%;}
.product .r .list_cul3 li a:hover img{transform:scale(1.08,1.08);}
.product .r #page{text-align: left;}
/*product_list*/
.product_list{width: 73%;}
.product_list .title{text-align: center;letter-spacing: 5px;margin-bottom: 60px;}
.product_list .title h3{font-weight: normal;display: inline-block;padding-bottom: 14px;border-bottom: 1px solid #636e7c;margin-bottom: 24px;width: 100px;}
.product_list .title h3:after{content: "";margin-right: -5px;}
.product_list .title p{line-height: 24px;}
.product_list ul{display: block;}
.product_list ul li{display: block;float: left;width: 24.25%;margin-right: 1%;margin-bottom: 10px;position: relative;overflow: hidden;}
.product_list ul li:nth-child(4n){margin-right: 0;}
.product_list ul li a{background-size: 100% 105%;;background-position: center;min-height: 150px;transition:all 0.5s;}
.product_list ul li .ceng{position: absolute;top: 0;left: 0;height: 100%;width: 100%;color: #fff;text-align: center;
padding-top: 30px;box-sizing: border-box;transition:all 0.5s;}
.product_list ul li a:hover{background-size: 110% 115%;}
.product_list ul li a:hover .ceng{background-color: rgba(0,0,0,0.4);}
.product_list i{display: inline-block;background: url(../images/sicon/s1.png) no-repeat center;width: 58px;height: 58px;margin-bottom: 14px;background-size: cover;}
.product_list li:nth-child(2) i{background-image: url(../images/sicon/s2.png);}
.product_list li:nth-child(3) i{background-image: url(../images/sicon/s3.png);}
.product_list li:nth-child(4) i{background-image: url(../images/sicon/s4.png);}
.product_list li:nth-child(5) i{background-image: url(../images/sicon/s5.png);}
.product_list li:nth-child(6) i{background-image: url(../images/sicon/s6.png);}
.product_list li:nth-child(7) i{background-image: url(../images/sicon/s7.png);}
.product_list li:nth-child(8) i{background-image: url(../images/sicon/s8.png);}
.product_list li:nth-child(9) i{background-image: url(../images/sicon/s9.png);}
.product_list li:nth-child(10) i{background-image: url(../images/sicon/s10.png);}
.product_list li:nth-child(11) i{background-image: url(../images/sicon/s11.png);}
.product_list li:nth-child(12) i{background-image: url(../images/sicon/s12.png);}


.bottom{border-top: 1px solid #bfc7dd;}
.bottom .top{padding: 0 4%;box-sizing: border-box;margin-bottom: 93px;padding-top: 67px;}
.bottom h3{margin-bottom: 35px;color: #1d2130;}
.bottom p{color: #1d2130;font-size: 14px;line-height: 1.5;}
.bottom footer{padding-left: 2%;}
.bottom footer a:nth-last-child(1){text-decoration: underline;}

.bottom .top .l .btnmap{width: 160px;height: 45px;line-height: 45px;text-align: center;background-color: #000000;color: #fff;margin-top: 35px;}
/*.bottom .r{width: 21%;}*/
.bottom .r .list_icon {display: block;margin-right: 65px;width: 160px;}
.bottom .r .ewm{border: 1px solid #bfc7dd;box-sizing: border-box;transition:all 0.5s;}
.bottom .r .ewmh{border: 1px solid #3d6cff;}
.bottom .r .ewm img{width: 155px;}
.bottom .r .list_icon li{display: block;float: left;border-bottom: 1px solid #bfc7dd;width: 100%;padding:0 15% 20px 15%;margin-bottom: 20px;
    box-sizing: border-box;}
.bottom .r .list_icon li i{background: url(../images/footericon.png) no-repeat -4px 0;width: 17px;height: 20px;color: #1d2130;text-indent: 40px;
	display: inline-block;margin-right: 1.5em;float: left;}
.bottom .r .list_icon li:nth-child(2){padding-left: 14%;cursor: pointer;}
.bottom .r .list_icon li:nth-child(2) i{background-position: 0 -62px;width: 25px;height: 20px;margin-right: 1.2em;}
.bottom .r .list_icon li:nth-child(3) i{background-position:  -3px -120px;width: 20px;height: 18px;}
/**/
.fwx{position: relative;}
.fewm{position: absolute;right: -160px;bottom: 0;width: 100px;height: 100px;display: none;}
.fewm img{width: 100%;}
.bot_back{display: none;}

/*photo*/
.photo .list_cul4{text-align: center;}
.photo .list_cul4 li{margin-bottom: 45px;overflow: hidden;}
.photo .list_cul4 p{line-height: 35px;height: 35px;}
.photo .list_cul4 li .pic{overflow: hidden;padding: 3px;border: 1px solid #ced4e5;box-sizing: border-box;}
.photo .list_cul4 li img{transition:all 0.5s;}
.photo .list_cul4 li:hover img{transform:scale(1.08,1.08);}


@media screen and (max-width: 1700px) {
	header{padding: 0 10%;}
	
	.box_about{padding-top: 100px;}
	.box_contact .r .form{margin-bottom: 140px;}
}
@media screen and (max-width: 1470px) {
	header{padding: 0 2%;}
	.box_about .bg{margin-bottom: 65px;}
	.box_contact{padding-top: 100px;}
	.box_contact .r .form{margin-bottom: 20px;}
	.box_contact .txt{width: 85%;}
}
@media screen and (max-width: 1331px) {
	header .meun .topnav, .sortnav,header .meun .s-btn,header .meun .lag{display: none;}
	.mobg{right: 3%;}
	.mobg .nav_xl_a{display: block;margin-top: 25px;}
	.product_list,.product {width: 85%;}

}
@media screen and (max-width: 1024px) {
	.box_about .bg{padding: 50px 35px;width: 100%;}
	.box_about .bg .pic{min-height: 350px;width: 100%;margin: 0;}
	.box_about .bg .txt{width: 100%;margin-top: 35px;}


	.box_contact .txt,.box_about .bg{width: 85%;}

	.page_con,.page_about{width: 85%;}
	
	.product{width: 95%;}
	.product .l h3{height: 65px;line-height: 65px;padding-top: 0;}
	.product_list ul li{width: 32.3%;margin-right: 1.55%;}
	.product_list ul li:nth-child(4n){margin-right: 1.55%;}
	.product_list ul li:nth-child(3n){margin-right: 0;}
	
	.page_con .img{width: 100%;margin-bottom: 50px;}
	.page_con .img .img_txt{margin-top: 25px;padding-left: 15px;}
	.zoom{bottom: -45px;right: 15px;}
	.page_con .txt{width: 100%;}

	.list_cul4 li{width: 32.3%;margin-right: 1.55%;}
	.list_cul4 li:nth-child(4n){margin-right: 1.55%;}
	.list_cul4 li:nth-child(3n){margin-right: 0;}

	.job .list li{width: 100%;margin-right: 0;}

}
@media screen and (max-width: 768px) {
	.mobban{display: block;}
	.pcban{display: none;}

	.ban_page{ }
	.bottom .r .list_icon{display: none;}

	.box_contact .txt h2{margin-bottom: 20px;}
	.box_contact .l, .box_contact .r{width: 100%;}
	.box_contact .l .list_icon{margin-top: 20px;margin-bottom: 60px;}

	.box_contact .r .form .l, .box_contact .r .form .r{width: 100%;}
	.box_contact .r .form input{margin-bottom: 20px;}
	.box_contact{padding-top: 70px;}

	.page_con,.page_about{width: 90%;margin: 50px auto 70px auto;}
	
	.product .l{display: none;}
	.product .r{width: 100%;}
	.product .r #page{text-align: center;}
	.mobsnav {display: block;}
	.sortnav{display: none;}
	.product_list{width: 95%;}
	.product_list ul li{width: 48.5%;margin-right: 3%;margin-bottom: 20px;}
	.product_list ul li:nth-child(3n){margin-right: 3%;}
	.product_list ul li:nth-child(2n){margin-right: 0;}

	
	.news .list_cul3 li p{margin: 15px 0 20px 0;}
	.news .list_cul3 li .ntxt{padding-bottom: 30px;}

	.zoom{right: 0;}

	.photo .list_cul4 li{margin-bottom: 35px;}
}
@media screen and (max-width: 640px) {
	header{height: 70px;}
	header .logo{margin-top: 5px;}
	header .logo img{height: 55px;padding-top: 3px;}
	.mobg .nav_xl_a{margin-top: 10px;}
	.search .s_ceng{top: 15px;}
	.ban_page{height: 300px;}

	.box_about, .box_contact{padding-top: 60px;}
	.box_about .bg .pic{min-height: 250px;}
	.box_about .bg{padding: 0;background-color: transparent;}
	.box_about .bg .txt{color: #636c88;}
	.box_about .bg .txt h2 {border-bottom: 1px solid #636c88;padding-bottom: 25px;}

	.list_cul4 li{width: 47.5%;margin-right: 5%;}
	.list_cul4 li:nth-child(4n){margin-right: 0%;}
	.list_cul4 li:nth-child(3n){margin-right: 5%;}
	.list_cul4 li:nth-child(2n){margin-right: 0;}

	.page_con{min-height: 300px;}
	.page_con .img .img_txt{padding-left: 0;}
	.page_con .img .btn{text-align: right;right: 0;}
	.page_con .img .btn .zoom{margin-right: 0;}

	.bottom .r .list_icon,.bottom .l{display: none;}
	.bottom .top{padding-top: 30px;margin-bottom: 30px;}
	.bottom .r{margin: 0 auto;width: 157px;float: none;}

	.page_con{margin-top: 40px;}

	.case{width: 95%;}
	.page_con .list_cul3 li{width: 49%;margin-right: 2%;margin-bottom: 15px;}
	.page_con .list_cul3 li:nth-child(3n){margin-right: 2%;}
	.page_con .list_cul3 li:nth-child(2n){margin-right: 0;}
	.page_con .list_cul3 li .pic{margin-bottom: 0;}
	.case .list_cul3{margin-bottom: 25px;}

	.product_list{width: 100%;}
	.product_list .title{width: 80%;margin: 0 auto 50px auto;}
	.product_list ul li{width: 100%;margin-right: 0;margin-bottom: 0;}
	.product .r .list_cul3 li{width: 47.5%;margin-right: 5%;margin-bottom: 30px;}
	.product .r .list_cul3 li:nth-child(3n){margin-right: 5%;}
	.product .r .list_cul3 li:nth-child(2n){margin-right: 0;}
	.product .r .list_cul3 li p{height: 40px;line-height: 40px;}
	.con_view .product_view .list_cul4 li{width: 47.5%;margin-right: 5%;margin-bottom: 20px;}
	.con_view .product_view .list_cul4 li:nth-child(2n){margin-right: 0;}

	.job .list{margin: 40px auto 0 auto;}
	.job .btn .bjob{height: 50px;padding: 17px 50px;}
	
	.job .btn .bjob{width: 100%;border-radius: 0;margin-top: 10px;}
	.job .btn .bjob img{float: left;margin-right: 1em;}

	.product .r .top .back, .con_view .data .nav{display: none;}

	.bot_back{display: block;width: 100%;line-height: 45px;height: 45px;font-size: 16px;color: #717b99;margin-bottom: 30px;text-align: center;}
	.bot_back i{display: inline-block;background: url(../images/back.png) no-repeat;height: 12px;width: 16px;margin-left: 1em;}

	.photo .list_cul4 li{margin-bottom: 25px;}
}
@media screen and (max-width: 460px) {	
	.box_about{padding-top: 40px;}
	.box_about .bg .pic{min-height: 180px;}

	.news .list_cul3 li{width: 100%;margin-right: 0;margin-bottom: 25px;}
	.news .list_cul3 li .pic{ }
	.news .list_cul3 li .ntxt{border-top: 1px solid #d2d7e7;}

	.con_view .case_view .list_cul3{margin-bottom: 0;}
}