/* 没有media的是全局通用样式，有media的只在描述范围内有效 */

/* reset */

body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,img{ margin:0; padding:0;border:none;}

body{ background: #fff;font-family: "Microsoft YaHei","微软雅黑",arial;font-size: 12px;color: #333333;font-weight: normal; }

textarea,input{ font-family: "Microsoft YaHei","微软雅黑",arial;color: #333333;font-size: 12px;padding: 0;margin: 0;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

input:focus,textarea:focus{	outline: none;}

ol,ul,li{ list-style: none;}

h1,h2,h3,h4,h5,h6{ font-size:12px;color: #333333;font-weight:normal; }

a,a:link,a:visited,a:focus,a:active,a:hover{ font-family: "Microsoft YaHei","微软雅黑",arial;color: #333333;font-size: 12px;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0); }

a:hover{ color: #0c3453; }



/* 清除浮动 */

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

.clearfix {*zoom:1;}

.clearfix {display:block;}



/* 宽度设定 */

.wrapper{width: 100%;overflow: hidden;}

.wfix{width: 1200px;margin: 0 auto;}









/* header */

.header{

width: 100%;

height: 70px;

background: #fff;

position: relative;

z-index: 110;

transition: 0.6s;

-webkit-transition: 0.6s;

-moz-transition: 0.6s;

-ms-transition: 0.6s;

-o-transition: 0.6s;

}

.header.fixed{position: fixed;top: 0;left: 0;z-index: 110;}

.header .logo{width: 198px;overflow: hidden;margin-left: 20px;margin-top: 7px;float: left;}

.header .logo img{width: 100%;height:56px;}

.header .navBtn{display: none;}

.header .nav{width: auto;line-height: 70px;float: right;margin-right: 26px;position: relative;z-index: 200;}

.header .nav .navTit{display: none;}

.header .nav li{float: left;margin: 0 6px;position: relative;}

.header .nav li a{font-size: 16px;color: #fff;line-height: 70px;padding: 0 20px;display: block;}

.header .nav li a{color: #333333;}

.header .nav li.on > a,.header .nav li a:hover{color: #0c3453;}

.header .nav .subNav{

	width: 150px;

	position: absolute;

	top: 65px;

	left: -22px;

	z-index: 101;

	background: rgba(255, 255, 255, 0.774);

	padding:12px;

	box-sizing: border-box;

	border-radius: 5px;

	display: none;

}

.header .nav .subNav .list{width:100%;}

.header  .nav li:nth-child(1) .subNav .list ul{width: 400px;}

.header .nav .subNav .list ul{width: 100%;}

.header .nav .subNav .list li{width: 100%;line-height: 30px;margin: 0;}

.header .nav .subNav .list li a{line-height: 12px;font-size: 12px;color: #808080;padding: 0;display: inline;}

.header .nav .subNav .list li.tit a:hover,

.header .nav .subNav .list li a:hover{background: none;color: #0c3453;}

.header .nav .subNav .list li.tit{line-height: 35px;margin-bottom: 10px;text-align: center;}

.header .nav .subNav .list li.tit a{font-size: 14px;color: #333333;}

.header .nav .subNav .picList{max-width: 700px;width: auto;float: left;display: none;}

.header .nav .subNav .picList ul{width: 90px;float: left;margin-right: 20px;}

.header .nav .subNav .picList li{width: 90px;float: left;margin-bottom: 20px;text-align: center;}

.header .nav .subNav .picList li a{width: 88px;height: 68px;line-height: 0;border: solid 1px #cccccc;padding: 0px;}

.header .nav .subNav .picList li a:hover{border: solid 1px #0c3453;}

.header .nav .subNav .picList li .icon{margin-top: 12px;height: 30px;}

.header .nav .subNav .picList li .text{width: 100%;line-height: 14px;font-size: 12px;color: #808080;margin-top: 6px;}

.header .rightBox{float: right;width:70px;height:70px;position: relative;background: #000;}

.header .searchBtn{

	width: 20px;

	height: 20px;

	margin-top: 25px;

	margin-left: 25px;

	float: left;

	background: url('../images/searchbtn.png') no-repeat center;

	cursor: pointer;

}

.header .searchBar{

	width: 40px;

	height: 20px;

	position: absolute;

	right: 0;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

	opacity: 0;

}

.header .searchBar.open{width: 545px;height:70px;opacity: 1;background: #000;}

.header .searchBar .btn{background: url('../images/searchbtn.png') no-repeat center;float: left;margin-left:25px;margin-top: 25px;}

.header .searchBar .btn input{width: 20px;height: 20px;border: none;background: none;cursor: pointer;}

.header .searchBar .inpu{

	width: 20px;

	height: 20px;

	margin-top: 25px;

	background: url('../images/searchbar_line.png') repeat-x 0 bottom;

	float: left;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.header .searchBar.open .inpu{width: 450px;}

.header .searchBar .inpu input{

	width: 0px;

	height: 20px;

	line-height: 20px;

	float: left;

	border: none;

	background: none;

	color: #fff;

	font-size: 14px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.header .searchBar.open .inpu input{width: 400px;}

.header .searchBar .inpu input::-webkit-input-placeholder{color: #ffffff;opacity: 0.5;}

.header .searchBar .inpu input:-moz-placeholder{color: #ffffff;opacity: 0.5;}

.header .searchBar .inpu input::-moz-placeholder{color: #ffffff;opacity: 0.5;}

.header .searchBar .inpu input:-ms-input-placeholder{color: #ffffff;opacity: 0.5;}

.header .searchBar .closeBtn{

	width: 10px;

	height: 10px;

	float: right;

	background: url('../images/searchbar_closebtn.png') no-repeat center;

	cursor: pointer;

}









/* footer */

.footer{width: 100%;background: #000;padding-top: 45px;}

.footer:after{content:'';height:0;display:block;clear:both}

.footer .linkMap{width: 660px;float:right;margin-bottom: 15px;}

.footer .linkMap ul{width: 110px;float: left;}

.footer .linkMap a{line-height: 32px;font-size: 14px;color: #fff;}

.footer .linkMap li.tit a{line-height: 40px;font-size: 16px;color: #fff;}

.footer .linkMap li.tit a:hover,.footer .linkMap a:hover{color: #aaa;}

.footer .contact{width: 350px;float:left;margin-top: 8px;margin-right:10px;margin-bottom: 15px;}

.footer .contact .title{font-size:23px;font-weight:600;margin-bottom:25px;color: #fff;line-height: 18px;}

.footer .contact .address{font-size: 16px;color: #fff;line-height: 20px;margin-bottom: 25px;}

.footer .contact .web{font-size: 16px;color: #fff;line-height: 20px;margin-bottom: 25px;}

.footer .contact .qrbox .qrpt {width:100px;float: left;}

.footer .contact .qrbox .qrpt img{width: 100%;}

.footer .contact .qrbox .qrtxt {width:200px;float:left;padding: 10px 0;}

.footer .contact .qrbox .qrtxt p{font-size: 16px;color: #fff;margin-left:20px;margin-bottom: 20px;}

.footer .copyright{width: 100%;height: 46px;line-height: 46px;font-size: 13px;color: #b2b2b2;float: left;clear: both;}

.footer .copyright a{font-size: 13px;color: #b2b2b2;}

.footer .copyright .copy{float:left;line-height: 46px;}

.footer .copyright .maker{float: right;margin-right: 40px;}











/* main */

.main{width: 100%;margin-top: 70px;}



/* 标题 */

.title01{padding:0 0 40px;width:1200px;text-align:center;}

.title50{padding-top:50px;}

.title01 h2{position:relative;width:100%;height:40px;}

.title01 h2:after{position: absolute;content:'';left:50%;margin-left:-150px;top:50%;width:300px;height:1px;background: url('../images/tbg.png') no-repeat center center;}

.title01 h2 span{font-size:30px;}

.title01 p{margin-top:5px;color:#999999;font-size:16px;}



/* banner */

.banner{width: 100%;height:auto;overflow: hidden;}

.banner .swiper-container{width: 100%;height: 100%;}

.banner .swiper-container img{width: 100%;height:100%;}

.banner .list{width:100%;height: 100%;}

.mbpt{display: none;}

.banner .swiper-pagination{height: 8px;padding: 0;margin: 0;bottom: 38px;}

.banner .swiper-pagination span{width: 8px;height: 8px;background: none;padding: 0;margin: 0;border: solid 1px #fff;margin: 0 25px;opacity: 1;}

.banner .swiper-pagination span.swiper-pagination-bullet-active{background: #0c3453;}





/* inbanner */

.inbanner { position: relative;}

.inbanner .neititle{ left: 50%;position: absolute;top: 50%;color: #fff;font-size: 36px;transform: translate(-50%,-50%);}

.inbanner img{ width:100%; max-width:100%;}





/* 内页栏目 */

.inner-type{border-bottom: 1px solid #e8e8e8;}

.inner-link{float: left;}

.inner-link a{

	float: left;

	display: inline-block;

	line-height: 60px;

	color: #535353;

	font-size: 15px;

	margin-right: 40px;

	border-bottom: 2px solid #fff;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.inner-link a:hover{color: #0c3453;border-bottom: 2px solid #0c3453;}

.inner-link a.on{color: #0c3453;border-bottom: 2px solid #0c3453;}

.inner-nav{float: right;margin-top: 18px;}

.inner-nav .mbxdh{float: left;display: inline-block;color: #686868;font-size: 12px;line-height: 24px;}

.inner-nav .mbxdh a{color: #686868;font-size: 12px;line-height: 24px;}

.inner-nav .mbxdh a.house{background: url("../images/house.jpg") no-repeat left center;padding-left: 26px;}

.inner-nav span{float: left;color: #686868;display: inline-block;font-size: 12px;line-height: 24px;margin: 0 4px;}





/* 产品中心 */

.products-item li{float: left;position:relative;margin-right: 30px;width:378px;height:478px;border:1px solid #dddddd; margin-bottom:30px}

.products-item li:nth-child(3n){margin-right: 0;}

.products-item li a{display: block;width:378px;height:478px;}

.products-item li img{width:378px;height:478px;}

.products-item li .brov{position:absolute;z-index:2;width:100%;height:100%;left:0;top:0;text-align:center;background: url('../images/pbg.png');overflow:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.products-item li .brov .tit-ch{margin-top:90px;color:#ffffff;font-size:30px;font-weight:lighter}

.products-item li .brov .tit-en{margin-top:0;color:#ffffff;font-size:20px;font-weight:lighter;text-transform: uppercase;}

.products-item li .brov .fd{margin:auto;margin-top:170px;width:48px;height:48px;border:1px solid #bbbbbb;background:url('../images/fd.png') no-repeat center;}

.products-item li:hover .brov{opacity:1;filter:alpha(opacity=100);}



.line_1,.line_2,.line_3,.line_4,.line_5{position:absolute;z-index:10;overflow:hidden; zoom:1;background-color:#ffffff;}

.line_1{width:0;height:1px;top:10px;left:10px;}

.line_2{width:1px;height:0;bottom:10px;left:10px}

.line_3{width:0;height:1px;bottom:10px;right:10px;}

.line_4{width:1px;height:0;top:10px;right:10px;}



/*关于我们*/

.about{margin-bottom: 40px;}

.about-left{float: left;}

.about-left img{width: 100%;}

.about-right{width:675px;float:right;}

.about-right .about-text h3{font-size: 20px;font-weight: 600;margin-bottom: 25px;}

.about-right .about-text p{font-size: 16px;text-indent: 25px;line-height:40px;}

.about-right-ul{margin-top: 80px;}

.about-right-ul .box{float:left;width:150px;height:120px;margin-right:10px;border:2px solid #000}

.about-right-ul .box i{display:block;margin:20px auto 10px;width:60px;height:60px; }

.about-right-ul .box i.ico1{ background:url('../images/jj1.png') no-repeat 0 0}

.about-right-ul .box i.ico2{ background:url('../images/jj2.png') no-repeat 0 0}

.about-right-ul .box i.ico3{ background:url('../images/jj3.png') no-repeat 0 0}

.about-right-ul .box i.ico4{ background:url('../images/jj4.png') no-repeat 0 0}

.about-right-ul .box .t{text-align:center;color:#000;font-size:16px;}

.about-right-ul .box:hover,.about-right-ul .box.on{background-color:#000}

.about-right-ul .box:hover i.ico1,.about-right-ul .box.on i.ico1{background:url('../images/jjh1.png') no-repeat 0 0}

.about-right-ul .box:hover i.ico2,.about-right-ul .box.on i.ico2{background:url('../images/jjh2.png') no-repeat 0 0}

.about-right-ul .box:hover i.ico3,.about-right-ul .box.on i.ico3{background:url('../images/jjh3.png') no-repeat 0 0}

.about-right-ul .box:hover i.ico4,.about-right-ul .box.on i.ico4{background:url('../images/jjh4.png') no-repeat 0 0}

.about-right-ul .box:hover .t,.about-right-ul .box.on .t{color:#fff}

.tran-all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}





/* 加盟 */

.coop{width:100%;height:880px;/*background:#000;*/ background:url('../images/bg.jpg')}

.coop .swiper-container{height:585px;padding-bottom:95px;width: 100%;}

.coop .swiper-container .box{height:425px;width:300px;background:#ffffff}

.coop .swiper-container .pic{width:100%;overflow:hidden}

.coop .swiper-container .pic img{width:100%;}

.coop .swiper-container .con{height:135px;padding:30px 20px 0}

.coop .swiper-container .con .num{position:absolute;width:165px;height:48px;left:50%;top:67%;margin-left:-83px;margin-top:-24px;text-align:center;font-size:28px;color:#ffffff;font-weight:700;background:url('../images/nbg.png') no-repeat center}

.coop .swiper-container .con .tit{font-size:16px;color:#000000;margin-top:5px;text-align:center}

.coop .swiper-container .con .txt{font-size:13px;color:#666666;line-height:20px;height:80px;margin-top:10px;overflow:hidden}

.coop .swiper-button-next,.coop .swiper-button-prev{width: 78px;height: 36px;opacity:1;background:url('../images/arrows.png') no-repeat}

.coop .swiper-button-next{left:50%;right:auto;top:auto;bottom:0;margin-left:10px;background-position:0 -40px}

.coop .swiper-button-prev{left:auto;right:50%;top:auto;bottom:0;margin-right:10px;background-position:0 0}

.coop .swiper-button-next:hover{background-position:-80px -40px}

.coop .swiper-button-prev:hover{background-position:-80px 0}





/* 新闻 */

.index-news ul{width:1200px;}

.index-news ul li{float:left;width:580px;height:204px;margin-top:30px;margin-right:40px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.index-news ul li.none{margin-right:0;}

.index-news ul li a{display:block;width:550px;height:174px;padding:15px;position: relative;}

.index-news ul li .pic{float:left;width:218px;height:174px;overflow:hidden;}

.index-news ul li .pic img{width:218px;height:174px;}

.index-news ul li .con{float:left;width:270px;height:180px;margin-left:25px;overflow:hidden;}

.index-news ul li .con .tit{font-size:16px;color:#000;width:100%;padding:5px 0;}

.index-news ul li .con .date{font-size:12px;color:#999;width:100%;}

.index-news ul li .con p{font-size:14px;color:#999;width:100%;line-height:24px;height:72px;overflow:hidden;margin-top:10px;}

.index-news ul li .con .read-more{display:inline-block;margin-top:10px;font-size:14px;color:#0c3453;padding-right: 25px;height:20px;line-height:20px;background:url('../images/m.png') no-repeat right center;}

.index-news ul li a:before{content:'';position: absolute;right:0;top:50%;margin-top:-18px;width:36px;height:36px;background:url('../images/s.png') no-repeat center #afafaf;}

.index-news ul li:hover {box-shadow: 0 0 35px rgba(0,0,0,0.1)}



/* 新闻内页 */

.news{padding-top: 10px;padding-bottom: 60px;}

.news-content{padding-bottom: 20px;}

.news-box{padding: 30px 0;border-top: 1px dashed #d6d9dc;}

.news-box:hover .news-box-more{border: 1px solid #0c3453;background-color: #0c3453;color: #fff;}

.news-box:hover .news-box-title{color: #0c3453;}

.news-content .news-box:first-child{border-top: none;}

.news-box-img{float: left;width: 19%;overflow: hidden;}

.news-box-img img{width: 100%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}

.news-box-con{float: right;width: 78%;}

.news-box-title{font-size: 18px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news-box-date{

    padding-left: 18px;

    background: url("../images/time.jpg") no-repeat left center;

    line-height: 20px;

    font-size: 14px;

    color: #999999;

    margin-top: 8px;

}

.news-box-p{

    font-size: 14px;

    color: #7b7b7b;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    margin-top: 8px;

}

.news-box-pl{

    font-size: 14px;

    color: #7b7b7b;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    margin-top: 8px;

}

.news-box-more{

    width: 110px;

    text-align: center;

    color: #828282;

    line-height: 32px;

    margin-top: 16px;

    border: 1px solid #bababa;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



/* 案例列表 */

.case_ul{ overflow:hidden; margin:50px auto;}

.case_ul ul li{ float:left; width:23.5%; overflow:hidden; margin-bottom:2%; margin-right:2%; text-align:center; background-color:#f5f5f5;}

.case_ul ul li:nth-child(4n+0){ margin-right:0;}

.case_ul ul li img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;

-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}

.case_ul ul li .imgs{ overflow:hidden; width:100%;}

.case_ul ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.case_ul ul li .txts{overflow:hidden;transition: all 0.3s; padding-bottom:15px; padding-top:15px; }

.case_ul ul li .txts h2{height:36px;line-height:36px;overflow:hidden;font-weight:normal;color:#333;font-size: 20px;}

.case_ul ul li .txts .p{ font-size:16px;line-height:20px; height:20px; overflow:hidden;}

.case_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.case_ul ul li:hover .txts h2{ color:#0c3453;}

.case_ul ul li .desc{ display:none;}



/* 产品列表 */

.product .productList{width: 100%;}

.product .productList .list{width: 100%;margin-top: 36px;/*text-align: center;*/}

.product .productList .list ul{display: inline-table;}

.product .productList .list li{

	width: 360px;

	height: auto;

	float: left;

	box-sizing: border-box;

	margin-left: 30px;

	margin-bottom: 30px;

}

.product .productList .list li:nth-child(3n+1){/*margin-left: 0;*/text-align: center;}

.product .productList .list li a{

	width: 100%;

	height: auto;

	display: block;

	box-sizing: border-box;

	border: solid 2px #f2f2f2;

	padding-bottom: 18px;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

.product .productList .list li a:hover{border: solid 2px #0c3453;}

.product .productList .list li .title{

	width: 100%;

	height: 56px;

	line-height: 56px;

	font-size: 20px;

	color: #333333;

	border-bottom: solid 2px #f2f2f2;

	text-align: center;

	position: relative;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

}

.product .productList .list li a:hover .title{border-bottom: solid 2px #0c3453;background: #0c3453;color: #fff;}

.product .productList .list li .title span{

	width: 100%;

	height: 56px;

	display: block;

	padding: 0 20px;

	box-sizing: border-box;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}

.product .productList .list li .pic img{max-width: 100%;width: auto;height: auto;}

.product .productList .list li .text{

	width: 100%;

	height: 20px;

	line-height: 20px;

	padding: 0 10px;

	font-size: 16px;

	text-align: center;

	color: #808080;

	box-sizing: border-box;

	overflow:hidden;

	display:-webkit-box;

	-webkit-line-clamp:1;

	-webkit-box-orient:vertical;

	word-break:break-all;

}



/* 产品详情 */

.products{margin:0 auto;margin-top:100px;background-color:#ffffff}

.products-left{float:left;width:35%;position:relative;z-index:99}

.product_pic{width:100%;padding: 0;border:1px solid #e5e5e5}

.fangda{width:100%;position:relative; z-index:99;}

.fangda .fd_min_img{width:100%;overflow:hidden;}

.fangda .fd_min_img img{width:100%;}

.fangda .fd_mouse_m{ display:none;z-index:99;width:80px;height:80px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);background:#0c3453;cursor:pointer;}

.fd_max_img{ display:none;width:300px;height:300px;overflow:hidden; position:absolute;left:420px;top:0; z-index:99;border:1px solid #e5e5e5; background:#fff;}

.fd_max_img .img{width:auto;height:auto;position:relative; z-index:10;}



.fd_list{width:100%;margin-top:10px;}

.fd_list ul{ overflow:hidden;zoom:1;}

.fd_list ul li{float: left;width:95px;height:95px; padding: 0;cursor:pointer;margin-right:10px;border:1px solid #e5e5e5;}

.fd_list ul li img{width:100%;}

.fd_list ul li.on {border:1px solid #0c3453;}



.products-right{float: right;width:60%;position:relative}

.products-right .promain{font-size: 18px;margin-top: 30px;}

.products-right .t{color:#333333;font-size:24px;font-weight:400;padding-bottom:10px;border-bottom:1px solid #e5e5e5}



.products-right .back{display:block;width:120px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;background-color:#0c3453;color:#ffffff;}



.prodetail{margin:50px auto;}

.prodetail .lefts{width:850px;float:left;}

.prodetail .proTab{position:relative;}

.prodetail .tabBar {width:100%;height:50px;background-color:#f5f5f5;text-align:center}

.prodetail .tabBar span {float: left;height:100%;line-height: 46px;padding:0 30px;color:#666;font-size:16px;border-top:2px solid #f5f5f5;cursor: pointer;}

.prodetail .tabBar span.current{color:#0c3453;border-top:2px solid #0c3453;background-color:#ffffff}

.prodetail .tabCon {display: none;padding:20px 0; font-size:16px;}

.prodetail .tabCon img{max-width:100%;height:auto !important;}

.prodetail p{/*font-size: 16px;*/ line-height:30px;}

.prodetail table{width: 100%;border-collapse: collapse;}

.prodetail td{padding-left: 10px;border: 1px solid #aaa;width:50%;line-height: 30px;}





.prodetail .rights{width:287px;float: right}

.prodetail .rights h2{width:100%;height:50px;line-height:50px;text-align:center;font-size:16px;background-color:#f5f5f5;}

.prodetail .rights li{margin-top:20px}

.prodetail .rights li a{display:block;width:285px;padding-bottom:20px;text-align:center;border:1px solid #e5e5e5}

.prodetail .rights li img{width:100%;height:100%;}

.prodetail .rights li .tit{width:285px;height:30px;line-height:30px;font-size:20px;color:#0c3453;margin-top:20px;}

.prodetail .rights li .txt{width:285px;height:20px;line-height:20px;font-size:14px;color:#999999;margin-top:5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.m-ewm{position:absolute;right:0;top:0;width:38px;height:38px;background:url('../images/ewmico.jpg') no-repeat center;}

.m-ewm .mb{position:relative;width:38px;height:38px;}

.m-ewm .showewm{display:none;position:absolute;right:0;top:0;width:180px;height:215px;padding:15px;text-align:center;border:1px solid #efefef;box-shadow: 0 0 10px rgba(0,0,0,0.1);background-color:#ffffff;}

.m-ewm .showewm img{display:block;margin:auto;width:150px;height:150px;}

.m-ewm .showewm p{display:block;margin:auto;margin-top:10px;line-height:1.6;font-size:12px;color:#666666}

.m-ewm .showewm p span{color:#0068b7}

.m-ewm:hover .showewm{display:block;}



.rtbox{margin-top: 95px;}

.rtbox .bdsharebuttonbox{float: right;}



.pn{ padding-top:20px;margin:auto; width:100%;line-height:30px; overflow:hidden;border-top:1px solid #e5e5e5;color:#666}

.pn a{color:#666666; font-size:14px;}

.pn_l{float: left;width:390px;text-align: left;font-size:14px; overflow:hidden;}

.pn_l a:hover{color:#0c3453;}

.pn_r{float: right;width:390px;text-align: right;font-size:14px; overflow:hidden;}

.pn_r a:hover{color:#0c3453;}







/* 内容详情 */

.new-detail{

    padding-top: 30px;

    padding-bottom: 60px;

}

.news-detail-title{

    padding-bottom: 24px;

    border-bottom: 1px dashed #cccccc;

}

.nd-title-h{

    font-size: 24px;

    color: #333333;

	line-height: 32px;

	text-align: center;

}

.nd-title-p{

    margin-top: 12px;

}

.nd-date{

    float: left;

    font-size: 13px;

    line-height: 22px;

    padding-left: 24px;

    color: #939393;

    background: url("../images/nd-date.jpg") no-repeat left center;

}

.nd-eye{

    float: left;

    font-size: 13px;

    line-height: 22px;

    padding-left: 24px;

    margin-left: 18px;

    color: #939393;

    background: url("../images/nd-date.jpg") no-repeat left center;

}

.nd-share{

    float: left;

    font-size: 13px;

    line-height: 22px;

    padding-left: 24px;

    margin-left: 18px;

    color: #939393;

    background: url("../images/nd-share.jpg") no-repeat left center;

}

.nd-share a{

    background-image: none !important;

	color: #939393 !important;

	font-size: 13px !important;

	padding-left: 0px !important;

    margin: 0px !important;

	height: 21px !important;

    line-height: 21px !important;

	float: none !important;

}

.news-detail-p{

	padding: 30px 0 0;

}

.news-detail-p p{

	font-size: 16px;

	line-height:30px;

/*	text-indent: 25px;   */

}

.news-detail-p img{display:block;margin: 0 auto;}

.nd-pn{

    border-top: 1px dashed #cccccc;

    margin-top: 20px;

}

.nd-pn-list{

    border-bottom: 1px dashed #cccccc;

}

.nd-pn-title{

    float: left;

    line-height: 60px;

    font-size: 14px;

    color: #666666;

    width: 100px;

    padding-right: 10px;

}

.nd-pn-p{

    float: left;

    line-height: 60px;

    font-size: 14px;

    width: 70%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.nd-pn-p a{

    display: inline-block;

    color: #444444;

	 font-size: 14px;

}





/* 技术优势 */

.outlook{padding:70px 0;position: relative;}

.outlook .box{margin-top:40px}

.outlook .box dl{float: left;width:525px;height:219px;padding-top:25px;padding-right:25px;margin-top:90px;border:1px solid #d5d5d5;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.outlook .box .dl_t{margin-top:0}

.outlook .box .dl_2,

.outlook .box .dl_3{float: right;width:500px;padding-right:0;padding-left:30px}

.outlook .box dl .pic{float: left;width:216px;height:194px;margin:0 25px;background-color:#ffffff}

.outlook .box .dl_2 .pic,

.outlook .box .dl_3 .pic{float: right;}

.outlook .box dl .pic img{width:216px;height:194px;}

.outlook .box dl .tit{margin-top:10px;font-size:18px;color:#1d1d1d;font-weight:700;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.outlook .box dl .txt{margin-top:10px;font-size:14px; line-height:25px;color:#666666;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.outlook .box .m1{position:absolute;z-index:2;left:50%;top:60%;margin-top:-74px;margin-left:-74px;width:147px;height:147px;background: url('../images/z-000.png') no-repeat}

.outlook .box .m2{position:absolute;z-index:1;left:50%;top:60%;margin-top:-165px;margin-left:-165px;width:330px;height:330px;}

.outlook .box .m2 span{display:block;width:330px;height:330px;background: url('../images/z-00.png') no-repeat;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.outlook .box .active{background:#0c3352}

.outlook .box .active .tit,

.outlook .box .active .txt{color:#ffffff}





/* 招聘 */

.aboutPage{background: #e5e5e5;}    

.aboutPage .recruitment {

	padding: 5px 0;

  }

  .aboutPage .recruitment .list {

	margin: 50px 0 40px 0;

  }

  .aboutPage .recruitment .list ul:after {

	content: "";

	height: 0;

	display: block;

	clear: both;

  }

  .aboutPage .recruitment .list li {

	margin-bottom: 30px;

  }

  .aboutPage .recruitment .list li.on .top {

	background-image: url('../images/recruitment_icon2.png');

	background-color: #0c3453;

	color: #fff;

  }

  .aboutPage .recruitment .list li .top {

	background: url('../images/recruitment_icon1.png') no-repeat right 30px center #ffffff;

	font-size: 16px;

	color: #333232;

	padding: 15px 30px;

	box-sizing: border-box;

	cursor: pointer;

	moz-user-select: -moz-none;

	-moz-user-select: none;

	-o-user-select: none;

	-khtml-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

	transition: 0.2s;

	-webkit-transition: 0.2s;

	-moz-transition: 0.2s;

	-ms-transition: 0.2s;

	-o-transition: 0.2s;

  }

  .aboutPage .recruitment .list li .top:after {

	content: "";

	height: 0;

	display: block;

	clear: both;

  }

  .aboutPage .recruitment .list li .top .txt {

	width: 23.3333%;

	float: left;

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	word-break: break-all;

  }

  .aboutPage .recruitment .list li .top .txt:first-child {

	width: 30%;

  }

  .aboutPage .recruitment .list li .cont {

	padding: 24px;

	box-sizing: border-box;

	line-height: 30px;

	font-size: 14px;

	color: #666666;

	background: #fff;

	display: none;

  }

  .aboutPage .recruitment .list li .cont p{background: #fff;}

  .aboutPage .recruitment .list li .cont .tit {

	font-size: 16px;

	color: #0c3453;

  }







/* 展望 */

.qywh{padding-top: 80px; margin: 0 auto;}

.qywh ul{overflow: hidden; background: #fff;}

.qywh li{width:33.333%; float: left; overflow: hidden;}

.qywh_tp img{display: block; height:100%; width:auto; }

.qywh_tp{height: 23vw;}

.qywh_text{padding: 0 9%;cursor:pointer; height: 23vw; overflow: hidden;transition: All 0.4s ease-in-out;}

.qywh_text h2{color: #666666; font-size: 18px; line-height: 48px; padding-top: 15px;transition: All 0.2s ease-in-out;}

.qywh_text p{color: #000; font-size: 16px;transition: All 0.3s ease-in-out;}

.qywh_text:hover{background: #0c3453;}

.qywh_text:hover h2{color: #fff;}

.qywh_text:hover p{color: #fff;}

.tb1{background: url('../images/c1.png'); width:100px; height: 100px; background-size: 100% 100%; display: block; margin-top: 19%;}

.qywh_text:hover .tb1{background: url('../images/c2.png');transition: All 0.6s ease-in-out;}

.tb2{background: url('../images/c3.png'); width:100px; height: 100px; background-size: 100% 100%; display: block; margin-top: 19%;}

.qywh_text:hover .tb2{background: url('../images/c4.png');transition: All 0.6s ease-in-out;}

.tb3{background: url('../images/c5.png'); width:100px; height: 100px; background-size: 100% 100%; display: block; margin-top: 19%;}

.qywh_text:hover .tb3{background: url('../images/c6.png');transition: All 0.6s ease-in-out;}

.tb4{background: url('../images/c7.png'); width:100px; height: 100px; background-size: 100% 100%; display: block; margin-top: 19%;}

.qywh_text:hover .tb4{background: url('../images/c8.png');transition: All 0.6s ease-in-out;}

.qywh{padding:50px 0;}





/* 流程、优势、展示 */

.lc{background:#f5f5f5;}

.business_con{ padding-top:3%; overflow:hidden; padding-bottom:10px;}

.business_con .imgs{ float:left; width:41.2%; overflow:hidden;}

.business_con .imgs.r{ float:right;}

.business_con .imgs img{ width:100%;}

.business_con .i_about_r{ float:right; width:51.6%; overflow:hidden; color:#fff; font-size:14px; line-height:30px; margin-right:2.5%;}

.business_con .i_about_r.l{ float:left; margin-right:0; margin-left:2.5%;}

.business_con .i_about_r .i_about_t{ color:#0c3453; font-size:22px;}

.business_con .i_about_r .i_about_txt{ padding-top:3%; overflow:hidden; padding-bottom:4%;color: #000;}





/* 公司简介 */

.jianjie{margin: 50px auto;}

.jianjie .txt{float: left;width:48%;}

.jianjie .txt h3{font-size: 25px;font-weight: 600;margin-bottom: 20px;}

.jianjie .txt p{font-size: 18px;line-height: 35px;margin-bottom: 15px;}

.jianjie .pt{float:right; width:48%;overflow: hidden;}

.jianjie .pt img{width: 100%;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}

.jianjie .pt img:hover{ transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);}



.jianjie img{max-width:100%;}



/* 联系我们 */

.contacts{margin-bottom: 25px}

.contacts .box {text-align:center;font-size:0}

.contacts .box a{display: inline-block;width:210px;height:40px;padding:15px 0 15px 20px;margin:0 22px;text-align:left;line-height:20px}

.contacts .box a i{float:left;width:40px;height:40px;margin-right:10px}

.contacts .box a .p1{font-size:14px;}

.contacts .box a .p2{font-size:14px;}

.contacts .box a.kf{background-color:#ffffff;border:1px solid #d1d1d1}



.contacts .box a.dh{background-color:#ffffff;border:1px solid #d1d1d1}

.contacts .box a.kf .p1{color:#676767;}

.contacts .box a.kf .p2{color:#676767;font-size:20px;font-weight:700}

.contacts .box a.dh .p1{color:#676767;}

.contacts .box a.dh .p2{color:#676767;font-size:20px;font-weight:700}



.contacts .box a.kf .icon_qq{background:url('../images/qq2.png') no-repeat center center;}

.contacts .box a.dh .icon_dh{background: url('../images/phone.png') no-repeat center center;}

.contacts .box a.kf:hover{background-color:#000;border:1px solid #000;}

.contacts .box a.kf:hover .p1,

.contacts .box a.kf:hover .p2{color:#fff}

.contacts .box a.kf:hover .icon_qq{background:url('../images/qq2h.png') no-repeat center center;}





/* 联系地址 */

.contactbox .ctbox{margin-top: 50px;}

.contactbox .ctbox .txt{float: left;width: 40%;}

.contactbox .ctbox h3{font-size: 25px;font-weight: 600;color: #333;margin-bottom: 20px;}

.contactbox .ctbox p{font-size: 20px;color: #333;margin-bottom: 15px;}

.map{width:60%;height: 450px;float: right;}





/* 咨询 */

.consultation{

	width: 100%;

	height: 600px;

	background: url('../images/consultation_bg.jpg') no-repeat center;

	margin-top: 20px;

	padding-top: 100px;

}

.columnTitle{

	width: 100%;

	line-height: 50px;

	text-align: center;

	font-size: 36px;

	color: #333333;

}

.consultation .columnTitle span{

	color: #fff;

}

.consultation .columnTitle span a{color: #fff;}

.consultation .row{margin-top: 36px;margin-bottom: 30px;}

.consultation .row:after{content:"";height:0;display:block;clear:both}

.consultation .inpuBox{width: 570px;height:50px;border-radius: 4px;border: solid 1px #cccccc;box-sizing: border-box;background: #fff;float: left;}

.consultation .inpuBox:nth-child(even){margin-left: 60px;}

.consultation .tit{

	width: 157px;

	height: 48px;

	line-height: 48px;

	font-size: 16px;

	color: #333333;

	text-align: center;

	background: url('../images/consultation_line.gif') no-repeat right center;

	float: left;

	overflow: hidden;

}

.consultation .inpuBox input{

	width: 410px;

	height: 48px;

	line-height: 48px;

	padding: 0 26px;

	box-sizing: border-box;

	float: left;

	font-size: 16px;

	color: #333;

}

.consultation .inpuBox input::-webkit-input-placeholder{color: #cccccc}

.consultation .inpuBox input:-moz-placeholder{color: #cccccc}

.consultation .inpuBox input::-moz-placeholder{color: #cccccc}

.consultation .inpuBox input:-ms-input-placeholder{color: #cccccc}

.consultation .textBox{

	width: 100%;

	height: 184px;

	border-radius: 4px;

	border: solid 1px #cccccc;

	box-sizing: border-box;

	background: #fff;

}

.consultation .textBox textarea{

	width: 1040px;

	height: 180px;

	float: right;

	line-height: 22px;

	font-size: 16px;

	color: #333;

	padding: 12px 26px;

	box-sizing: border-box;

	resize: none;

}

.consultation .textBox textarea::-webkit-input-placeholder{color: #ccc;}

.consultation .textBox textarea:-moz-placeholder{color: #ccc;}

.consultation .textBox textarea::-moz-placeholder{color: #ccc;}

.consultation .textBox textarea:-ms-input-placeholder{color: #ccc;}

.consultation .inpuBox3{width: 100%;}

.consultation .inpuBox3 input{width: 1030px;}

.consultation .inpuBox2{width: 390px;}

.consultation .inpuBox2 input{width: 230px;}

.consultation .verificationCode{

	width: 160px;

	height: 50px;

	float: left;

	margin-left: 20px;

	overflow: hidden;

	text-align: center;

	cursor: pointer;

}

.consultation .verificationCode img{height: 100%;}

.consultation .btnBox .btn button,

.consultation .btnBox .btn a,

.consultation .btnBox .btn input{

	width: 198px;

	height: 48px;

	line-height: 46px;

	text-align: center;

	display: block;

	border-radius: 4px;

	border: solid 1px #fff;

	background: none;

	margin: 0 auto;

	font-size: 20px;

	color: #fff;

	cursor: pointer;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.consultation .btnBox .btn button:hover,

.consultation .btnBox .btn a:hover,

.consultation .btnBox .btn input:hover{background:#0c3453;border: solid 1px #0c3453;}



.service{margin-top:40px;background-color:#fff}

.service .imgs{float:left;width:45%;}

.service .imgs img{width:100%;}

.service .txt{float:left;width:48%;padding-left:7%;}

.service .txt h2{margin-top:70px;font-size:23px;color:##0c3453}

.service .txt p{margin-top:10px;line-height:35px;color:#868686}

.wp-pagenavi {CLEAR: both; MARGIN:0 auto; WIDTH: 100%; PADDING: 30px 0 30px; TEXT-ALIGN: center}

.wp-pagenavi a {

BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px;BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px; font-size:14px;

}

.wp-pagenavi a:hover {

BORDER-LEFT-COLOR:#000; BORDER-BOTTOM-COLOR:#000; BORDER-TOP-COLOR:#000; BORDER-RIGHT-COLOR:#000;background:#000; color:white; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px;

}/*当前指上页码的边框色*/

.wp-pagenavi a.page-num-current {

BORDER-LEFT-COLOR:#000; BORDER-BOTTOM-COLOR:#000; BORDER-TOP-COLOR:#000; BORDER-RIGHT-COLOR:#000; background:#000; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; border:#000 1px solid;border-radius:5px;

color:#fff;

}/*当前选中页码的背景色*/

.text-norecord{ font-size:14px; line-height:35px;}
.page-status,.page-index,.page-last{ display:none}