﻿*{font-family: "微软雅黑";color: #333;}
p,h1,h2,h3,h4,h5,h6{margin: 0;}
ul{list-style: none;margin: 0;padding: 0;}
a,a:hover{text-decoration: none;color: #333333;}
@charset "utf-8";

@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
.text-blod{font-weight: bold;}

.header:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.header{zoom:1;position: absolute;width: 100%;z-index: 99;} 
.headbox:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.headbox{zoom:1;position: relative;padding-left: 235px;} 

.maximg img{max-width: 100% !important;}

.logobox{width:235px;line-height: 70px;position: absolute;left: 0;top: 0;}
/*.topserch {position: relative;top: 10px;}
.topserch .topinput{height: 30px;top: 2px; border: none;outline:none;padding-left: 10px;z-index: 666;background-color:#e3e3e3;color: #666;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-right: 1px solid #d8d8d8;}
.topserch button{line-height:30px;padding: 0 10px;top: 0; border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: #e3e3e3;outline:none;border: none;}*/
.head_td{float: left;}
.ck_btn{position: absolute;display: block;width: 40px;text-align: center;line-height: 40px;font-size: 22px;right: 0;top: 50%;margin-top: -20px;color: #ffffff;}
.ck_btn span{color: #ff9908;}
.tel{background: url(../images/tel.png)no-repeat left center;padding-left: 55px;}
.tel h4{font-size: 14px;line-height: 18px;}
.tel h3{font-size: 30px;font-family: impact;color: #e92020;line-height: 40px;}


.menu{width: 100%;padding-left: 90px;}
.menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.menu ul.yj{zoom:1;background: url(../images/shu.jpg)no-repeat right center;} 
.menu ul.yj>li{float: left;width: 12.5%;position: relative;padding:17px 0;}

.menu ul.yj>li>a{display: block;width: 100%;max-width: 88px;padding: 2px;border-radius: 2px; margin: 0 auto; position:relative; line-height: 36px;font-size: 16px; text-align: center;color: #fff;}
.menu ul.yj>li>a>span{display: block;width: 100%;line-height: 30px;color: #fff; border: 1px solid rgba(255,197,119,0);}
.menu ul.yj>li:hover>a{background: #ff9b0d;}
.menu ul.yj>li:hover>a>span{border: 1px solid rgba(255,197,119,1);}
.menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 50%;transform: translateX(-50%); top:100%;max-width: 88px;margin: 0 auto; display: none;z-index: 9;background: rgba(0,0,0,.5);}
.menu ul.yj>li ul.ejmenu li a{display: block;width: 100%;text-align: center; line-height: 34px; border-bottom: 1px solid rgba(255,255,255,.3);color: #fff;transition: all 0.25s;}
.menu ul.yj>li ul.ejmenu li:first-child a{border-top: 1px solid rgba(255,255,255,.3);}
.menu ul.yj>li ul.ejmenu li a:hover{background: #ff9b0d;}
.menu ul.yj>li:hover ul.ejmenu{display: block;}

@media only screen and (max-width:1199px ) {
	.menu{padding-left:50px;}
	.menu ul.yj>li>a span{font-size: 14px;}
}
@media only screen and (max-width:991px ) {
	.menu{padding-left: 30px;}
	.menu ul.yj>li>a{max-width: 66px;}
	.menu ul.yj>li>a span{font-size: 13px;}
}
@media only screen and (min-width:768px ) {
	.menu{display: block !important;}
}
@media only screen and (max-width:767px ) {
.header{}
.headbox{position: relative;padding: 0 10px;}
.logobox{position: static;line-height: 60px;}

/*菜单*/
.menu {background: rgba(255,150,0,.6);padding-left: 0;}
.menu ul.yj{background: none;}
.menu ul.yj>li{background: none;}
.menu ul.yj>li ul.ejmenu{display: none;}
.menu {display: block;width: 30%;min-width: 150px;right: 0;top: 100%; position: absolute;z-index: 9;}

.menu ul.yj>li{width: 100%;overflow: hidden;float: none;padding: 0;}
.menu ul.yj>li>a{font-size: 14px;line-height: 32px;width: 100%;max-width: 100%; background: none;}
.menu ul.yj>li:before{background: none;}
}




/*手机底部*/
.hot{width:100%; height:58px; background:#000000; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }

.in_pro{background: url(../images/probg.jpg)repeat;padding-top: 100px;padding-bottom: 89px;}
.tit01{text-align: center;margin-bottom: 19px;}
.tit01 h3{font-size: 24px;font-weight: bold;color: #fff;line-height: 40px;background: url(../images/titbg.png)no-repeat center center;}
.tit01 h5{font-size: 14px;color: #fff;text-transform: uppercase;text-decoration: underline;line-height: 1;}
.title01{margin-bottom:57px;}
.title01 ul.qh1{text-align: center;font-size: 0;}
.title01 ul.qh1 li{display: inline-block;padding: 0 5px;padding-bottom: 10px;}
.title01 ul.qh1 li a{display: block;width: 88px;text-align: center;font-size: 14px;font-weight: bold; line-height: 29px;background: url(../images/titbg1.png)no-repeat center center;background-size: 100% 100%;color: #fff;}
.title01 ul.qh1 li a:hover{background: url(../images/titbg2.png)no-repeat center center;background-size: 100% 100%;}
.title01 ul.qh1 li.act a{background: url(../images/titbg2.png)no-repeat center center;background-size: 100% 100%;}
.pro_list a{display: block;width: 100%;overflow: hidden;padding: 4px;background: #000000;}
.pro_list a .pro_box{width: 100%;position: relative;overflow: hidden;}
.pro_list a .pro_box .pro_pic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.pro_list a .pro_box .pro_pic:before{content: ""; padding-top:69%; display: block;}
.pro_list a .pro_box .pro_pic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.pro_list a .pro_box .pro_zz{position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid #090219;}

.pro_list a .pro_box .pro_zz h3{width: 100%;padding-right: 42px;font-size: 14px;line-height:19px;color: #fff; padding: 14px 15px;padding-right: 34px; background:rgba(255,152,5,.2);position: absolute;bottom: 0;}
.pro_list a .pro_box .pro_zz span{display: block; width:19px;height: 19px;background: url(../images/more_icon.png)no-repeat right center;position: absolute;right: 15px;bottom: 14px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.pro_list a:hover .pro_box .pro_zz span{right: 10px;}
.pro_list a:hover .pro_box .pro_pic img{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.in_promore {text-align: center;margin-top: 50px;width: 100%;}
.in_promore a{display:inline-block;max-width: 100%;width: 298px;background: #ff9b0d;padding: 2px; border-radius: 7px;}
.in_promore a span{display: block; text-align: center;color: #fff;line-height: 39px;background:#ffa018;border: 1px solid #ffae3c;border-radius: 5px;}

/*新闻*/
.in_news{width: 100%;overflow: hidden;zoom: 1;padding-top: 170px;padding-bottom: 92px; background: url(../images/newbg.jpg)no-repeat center center;background-size: cover;}
.in_news .tit01{margin-bottom: 50px;}
.in_newlist ul{width: 100%;overflow: hidden;}
.in_newlist ul li{width: 50%;float: left;padding: 0 15px;padding-bottom: 16px;}
.in_newlist ul li a{display: block;width: 100%;overflow: hidden;padding: 13px 30px 10px 0;background: #000;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.in_newlist ul li a .in_newbox{width: 100%;overflow: hidden; position: relative;padding-left: 150px;border-bottom: 1px solid #fff;padding-bottom: 9px;}
.in_newlist ul li a .in_newbox .new_pic{width: 150px;height: 100%;position: absolute;left: 0;top: 0;padding-bottom: 9px;}
.in_newlist ul li a .in_newbox .new_pic span{display: block;width: 100%;height: 100%;}
.in_newlist ul li a .in_newbox .new_txt{padding-left: 10px;}
.in_newlist ul li a .in_newbox .new_txt h3.tit{font-size: 16px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;margin-bottom: 10px;}
.in_newlist ul li a .in_newbox .new_txt .tbox{font-size: 14px;line-height: 20px;text-align: justify;height: 60px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.in_newlist ul li a .in_newbox .new_txt .tbox p{color: #fff;}
.in_newlist ul li a .in_newbox .new_txt{}
.in_newlist ul li a .newheng{width: 100%;height: 1px;background: rgba(226,226,226,.2);margin-top: 3px;}
.in_newlist ul li a:hover{padding: 13px 15px 10px 15px;background: #ff9600;}
.in_newsmore {text-align: center;margin-top: 50px;width: 100%;}
.in_newsmore a{display:inline-block;max-width: 100%;width: 298px;background: #ff9b0d;padding: 2px; border-radius: 7px;}
.in_newsmore a span{display: block; text-align: center;color: #fff;line-height: 39px;background:#ffa018;border: 1px solid #ffae3c;border-radius: 5px;}


/*案例展示*/
.in_case{background: url(../images/casebg.jpg)no-repeat center center;background-size: cover; padding-top: 100px;padding-bottom: 89px;}
.tit01{text-align: center;margin-bottom: 19px;}
.tit01 h3{font-size: 24px;font-weight: bold;color: #fff;line-height: 40px;background: url(../images/titbg.png)no-repeat center center;}
.tit01 h5{font-size: 14px;color: #fff;text-transform: uppercase;text-decoration: underline;line-height: 1;}
.title02{margin-bottom: 57px;}
.title02 ul.qh2{text-align: center;font-size: 0;}
.title02 ul.qh2 li{display: inline-block;padding: 0 5px;padding-bottom: 10px;}
.title02 ul.qh2 li a{display: block;width: 88px;text-align: center;font-size: 14px;font-weight: bold; line-height: 29px;background: url(../images/titbg1.png)no-repeat center center;background-size: 100% 100%;color: #fff;}
.title02 ul.qh2 li a:hover{background: url(../images/titbg2.png)no-repeat center center;background-size: 100% 100%;}
.title02 ul.qh2 li.act a{background: url(../images/titbg2.png)no-repeat center center;background-size: 100% 100%;}
.case_list a{display: block;width: 100%;overflow: hidden;padding: 4px;background: #000000;}
.case_list a .case_box{width: 100%;position: relative;overflow: hidden;}
.case_list a .case_box .case_pic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.case_list a .case_box .case_pic:before{content: ""; padding-top:69%; display: block;}
.case_list a .case_box .case_pic span{position: absolute; width: 100%;height: 100%;left: 0;top: 0;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.case_list a .case_box .case_zz{position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid #090219;}

.case_list a .case_box .case_zz h3{width: 100%;padding-right: 42px;font-size: 14px;line-height:19px;color: #fff; padding: 14px 15px;padding-right: 34px; background: rgba(255,152,5,.5);position: absolute;bottom: 0;}
.case_list a .case_box .case_zz span{display: block; width:19px;height: 19px;background: url(../images/more_icon.png)no-repeat right center;position: absolute;right: 15px;bottom: 14px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.case_list a:hover .case_box .case_zz span{right: 10px;}
.case_list a:hover .case_box .case_pic span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.in_casemore {text-align: center;margin-top: 50px;width: 100%;}
.in_casemore a{display:inline-block;max-width: 100%;width: 298px;background: #ff9b0d;padding: 2px; border-radius: 7px;}
.in_casemore a span{display: block; text-align: center;color: #fff;line-height: 39px;background:#ffa018;border: 1px solid #ffae3c;border-radius: 5px;}

/*关于我们*/
.in_ab{width: 100%;padding-top: 100px;padding-bottom: 75px; background: url(../images/abbg.jpg)no-repeat center center;background-size: cover;}
.in_ab .tit01{margin-bottom: 50px;}
.in_ablist .in_abbox{width: 100%;overflow: hidden;padding-left: 458px;position: relative;}
.in_ablist .in_abbox .in_abl{width: 458px;height: 100%;overflow: hidden; position: absolute;left: 0;top: 0;}
.in_ablist .in_abbox .in_abl .in_abpic{width: 100%;height: 100%;padding: 5px; background: url(../images/abpic.jpg)no-repeat center center;background-size: cover;}
.in_abfk{width: 100%;height: 100%;background: none;border: 1px solid #fff;}
.in_ablist .in_abbox .in_abr{width: 100%;overflow: hidden;padding-left: 22px;}
.in_ablist .in_abbox .in_abr h3.tit{font-size: 16px;font-weight: bold;color: #ffffff;margin-bottom: 15px;}
.in_ablist .in_abbox .in_abr h3.tit span{font-size: 13px;color: #ffffff;margin-left: 5px;}
.in_ablist .in_abbox .in_abr .in_abtxt{font-size: 13px;line-height: 22px;height: 242px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:11;text-align: justify;}
.in_ablist .in_abbox .in_abr .in_abtxt p{color: #fff;}
.in_abmore {text-align: center;margin-top: 50px;width: 100%;}
.in_abmore a{display:inline-block;max-width: 100%;width: 298px;background: #ff9b0d;padding: 2px; border-radius: 7px;}
.in_abmore a span{display: block; text-align: center;color: #fff;line-height: 39px;background:#ffa018;border: 1px solid #ffae3c;border-radius: 5px;}

.in_ablist{padding-bottom: 50px;}
.in_ablist .swiper-pagination-bullet{width: 16px;height: 16px;background: #000000;border: 2px solid rgba(255,255,255,.5);opacity: 1;}
.in_ablist .swiper-pagination-bullet-active{background: #ff9908;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}

/*合作伙伴*/
.in_partner{background: #161616;padding-top: 35px;}
.tit03{margin-bottom: 24px;}
.tit03 h3{font-size: 30px;color: #fff;}
.tit03 h3 span{font-size: 18px;text-transform: uppercase;color: #fff;}
.in_par{padding-bottom: 35px; border-bottom: 1px solid rgba(255,255,255,.1);}
.in_parbox .imgbox{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.in_parbox .imgbox:before{content: ""; padding-top: 52.8%; display: block;}
.in_parbox .imgbox img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;}
.in_parbox .swiper-button-next{width: 15px;height: 50px;background: url(../images/right_btn1.png)no-repeat center center;background-size: 100% 100%;top: 50%;margin-top: -25px;right: 0;}
.in_parbox .swiper-button-prev{width: 15px;height: 50px;background: url(../images/left_btn1.png)no-repeat center center;background-size: 100% 100%;top: 50%;margin-top: -25px;left: 0;}

/*底部*/
.in_fot{background: #161616;padding-top: 3px;}
.in_fotbox{width: 100%;overflow: hidden;padding-top: 35px;padding-bottom: 15px;border-top: 1px solid rgba(255,255,255,.5);}
.fot_l{float: left;width: 34%;}
.fot_c{float: left;width: 26%;overflow: hidden;}
.fot_r{float: right;width: 40%;}
.fot_l ul{margin-top: 20px;width: 100%;overflow: hidden;}
.fot_l ul li {width:25%;float: left;text-align: center;}
.fot_l ul li a{display:inline-block;line-height:30px;font-size: 13px; text-decoration: underline;color: #fff;}

.fot_c .ewmbox{width: 50%;float: left;text-align: center;}
.fot_c .ewmbox p{font-size: 12px;color: #fff;margin-top: 6px;}
.fot_c .ewmbox img{max-width: 100%;}

.fot_r .imgbox{width: 100%;text-align: center;margin-top: 15px;}
.fot_r .imgbox img{max-width: 100%;}

.cfot{padding:7px 0;background: #ff9806;}
.fot_p p{text-align: center;color: rgba(255,255,255,.5);line-height: 24px;}

@media only screen and (max-width:1199px ) {
	
	.in_pro{padding-bottom: 70px;padding-top: 80px;}
	.in_news{padding-top: 120px;padding-bottom: 70px;}
	.in_newsmore{margin-top: 40px;}
	.in_ab{padding-top: 80px;padding-bottom: 60px;}
	.in_case{padding-top: 80px;padding-bottom: 50px;}
}

@media only screen and (max-width:991px ) {
	.title01{margin-bottom: 37px;}
	.in_pro{padding-bottom: 50px;padding-top: 60px;}
	.in_news{padding-top: 90px;padding-bottom: 50px;}
	.in_newlist ul li{padding: 0 10px;}
	.in_case{padding-top: 60px;padding-bottom: 30px;}
	.in_ablist .in_abbox{padding-left: 360px;}
	.in_ablist .in_abbox .in_abl{width: 360px;}
	.in_ablist .in_abbox .in_abr .in_abtxt{height: 198px;-webkit-line-clamp:9;}
	.fot_l{width: 38%;}
	.fot_r{width: 36%;}
}

@media only screen and (max-width:767px ) {
	.tit01 h3{font-size: 20px;}
	.pro_list a .pro_box .pro_zz h3{padding-top: 5px;padding-bottom: 5px;}
	.pro_list a .pro_box .pro_zz span{bottom: 5px;}
	
	.cfot{display: none;}
	.tit03 h3{font-size: 24px;}
	.title01{margin-bottom: 30px;}
	.in_promore a span{line-height: 34px;}
	.in_promore{margin-top: 30px;}
	.in_pro{padding-top: 25px;padding-bottom: 30px;}
	.in_news{padding-top: 38px;padding-bottom: 10px;}
	.in_news .tit01{margin-bottom: 27px}
	.in_newlist ul li{width: 100%;}
	.in_newlist ul li a{padding: 13px 15px 10px 15px;}
	.in_newsmore a span{line-height: 34px;}
	.in_newsmore{margin-top: 20px;}
	.title02{margin-bottom: 30px;}
	.case_list a .case_box .case_zz h3{padding-top: 5px;padding-bottom: 5px;}
	.case_list a .case_box .case_zz h3 span{bottom: 5px;}
	.in_casemore{margin-top: 30px;}
	.in_casemore a span{line-height: 34px;}
	.in_case{padding-bottom:20px;}
	.in_ab{padding-top: 20px;padding-bottom: 20px;}
	.in_ablist .in_abbox .in_abr{padding: 0;}
	.in_abmore{margin-top: 30px;}
	.in_ablist .in_abbox{position: static;padding: 0 10px;width: 100%;}
	.in_ablist .in_abbox .in_abl{width: 100%;max-width: 560px;position: relative; display: block; overflow: hidden; margin: 0 auto;margin-bottom: 20px; }
	.in_ablist .in_abbox .in_abl:before{content: ""; padding-top: 58.4%; display: block;}
	.in_ablist .in_abbox .in_abl .in_abpic{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/abpic.jpg)no-repeat center center;background-size: cover;}
	.in_ablist .in_abbox .in_abr .in_abtxt{height: auto;-webkit-line-clamp:inherit;}
	.fot_l{display: none;}
	.fot_r{width: 100%;float: none;margin-bottom: 20px;}
	.fot_c{width: 100%;float: none;max-width: 360px;margin: 0 auto;}
}

/*内页*/
.suoyin:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.suoyin{zoom:1;padding-bottom: 13px; border-bottom: 1px solid #989898;padding-top: 18px;margin-bottom: 8px;}
.suoyin h3{float: left;font-size: 24px;font-weight: bold;color: #333333;line-height: 24px;}
.suoyin h5{float: right;font-size: 14px;color: #666666;line-height: 24px;}

.center_box{border-top: 1px solid #989898;padding: 20px 0;}

.abtit{margin-bottom: 30px;}
/*关于我们*/
.abtit a{display:inline-block;padding: 8px 13px;font-size: 14px; line-height: 1;text-align: center;background: url(../images/titbg1.png)no-repeat center center;background-size: 100% 100%;color: #fff;}
.abtit a:hover{background: url(../images/titbg2.png)no-repeat center center;background-size: 100% 100%;}
.abtit a.act{background: url(../images/titbg2.png)no-repeat center center;background-size: 100% 100%;}
.about .aboutbox .abpic{margin-bottom: 15px;}
.about .aboutbox .abpic img{max-width: 100%;}
.about .aboutbox .abtxt {font-size: 13px;line-height: 22px;text-align: justify;}
.about .aboutbox .abtxt h5{font-size:13px;font-weight: bold;line-height: 24px;text-decoration: underline;}

/*产品中心*/
.prolist ul{width: 100%;overflow: hidden;}
.prolist ul li{padding: 0 11px;padding-bottom: 22px;}
.prolist ul li a{display: block;width: 100%;overflow: hidden;padding: 4px;background: #000000;}
.prolist ul li a .probox{width: 100%;position: relative;overflow: hidden;}
.prolist ul li a .probox .propic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.prolist ul li a .probox .propic:before{content: ""; padding-top:69%; display: block;}
.prolist ul li a .probox .propic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.prolist ul li a .probox .prozz{position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid #090219;}

.prolist ul li a .probox .prozz h3{width: 100%;padding-right: 42px;font-size: 14px;line-height:19px;color: #fff; padding: 10px 15px;padding-right: 34px; background:rgba(255,152,5,.2);position: absolute;bottom: 0;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.prolist ul li a .probox .prozz span{display: block; width:19px;height: 19px;background: url(../images/more_icon.png)no-repeat right center;position: absolute;right: 15px;bottom: 10px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.prolist ul li a:hover .probox .prozz span{right: 10px;}
.prolist ul li a:hover .probox .propic img{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.prolist ul li a:hover .probox .prozz h3{background:rgba(255,152,5,.6);}

/*产品详情*/
.pro_x .pro_x_pic{text-align: center;}
.pro_x .pro_x_pic img{max-width: 100%;}
.pro_x .pro_x_txt p{font-size: 14px;line-height: 30px;color: #000;}

/*经典案例*/
.caselist ul{width: 100%;overflow: hidden;}
.caselist ul li{padding: 0 11px;padding-bottom: 22px;}
.caselist ul li a{display: block;width: 100%;overflow: hidden;padding: 4px;background: #000000;}
.caselist ul li a .casebox{width: 100%;position: relative;overflow: hidden;}
.caselist ul li a .casebox .casepic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.caselist ul li a .casebox .casepic:before{content: ""; padding-top:69%; display: block;}
.caselist ul li a .casebox .casepic img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.caselist ul li a .casebox .casezz{position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid #090219;}

.caselist ul li a .casebox .casezz h3{width: 100%;padding-right: 42px;font-size: 14px;line-height:19px;color: #fff; padding: 10px 15px;padding-right: 34px; background:rgba(255,152,5,.2);position: absolute;bottom: 0;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.caselist ul li a .casebox .casezz span{display: block; width:19px;height: 19px;background: url(../images/more_icon.png)no-repeat right center;position: absolute;right: 15px;bottom: 10px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.caselist ul li a:hover .casebox .casezz span{right: 10px;}
.caselist ul li a:hover .casebox .casepic img{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.caselist ul li a:hover .casebox .casezz h3{background:rgba(255,152,5,.6);}

/*案例详情*/
.case_x .case_x_pic{text-align: center;}
.case_x .case_x_pic img{max-width: 100%;}
.case_x .case_x_txt p{font-size: 14px;line-height: 30px;color: #000;}
/*新闻*/
.newlist ul li{padding-bottom:30px;}
.newlist ul li a{display: block;width: 100%;position: relative;padding-left: 186px;}
.newlist ul li a .newpic{position: absolute;width:186px;height: 100%;left: 0;top: 0;overflow: hidden;border: 1px solid #bebebe;}
.newlist ul li a .newpic span{display: block;width: 100%;height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.newlist ul li a .newtxt{width: 100%;padding-left: 18px;background: url(../images/icon_yuan.png)no-repeat 15px 5px;}
.newlist ul li a .newtxt h3.newtit{font-size: 16px;line-height: 18px;color: #242424;padding-bottom: 10px;border-bottom: 1px solid #d6d6d6;}
.newlist ul li a .newtxt .txtbox{font-size: 12px;line-height: 24px;height: 48px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 10px;}
.newlist ul li a .newtxt .newmore{overflow: hidden;}
.newlist ul li a .newtxt .newmore p{line-height: 32px;font-size: 14px; color: #666;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.newlist ul li a:hover .newpic{border-color: #ff9806;}
.newlist ul li a:hover .newpic span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.newlist ul li a:hover .newtxt h3.newtit{color: #ff9806;border-bottom-color:#ff9806 ;}
.newlist ul li a:hover .newtxt .txtbox p{color: #ff9806;}
.newlist ul li a:hover .newtxt .newmore p{color: #ff9806;}

@media only screen and (max-width:480px ) {
	.newlist ul li a{padding-left: 160px;}
	.newlist ul li a .newpic{width: 160px;}
	.newlist ul li a .newtxt h3.newtit{padding-bottom: 8px;}
	.newlist ul li a .newtxt .txtbox{height: 48px;-webkit-line-clamp:2;margin-bottom: 5px;}
	.newlist ul li a .newtxt{padding-left: 15px;background: url(../images/icon_yuan.png)no-repeat 5px 5px;}
}
@media only screen and (max-width:380px ) {
	.newlist ul li a{padding-left: 140px;}
	.newlist ul li a .newpic{width: 140px;}
}

/*新闻详情*/
.new_x .new_x_pic {margin-bottom: 10px;}
.new_x .new_x_pic img{max-width: 100%}
.new_x .new_x_tit{font-size: 14px;color: #000;line-height: 20px;padding: 3px 0;}
.new_x .newtxt{font-size: 12px;line-height:24px;text-align: justify;}
.new_x .newtxt p{color: #3f3f3f;}
/*服务支持*/
.serbox h4{font-size: 16px;line-height: 30px; font-weight: bold;color: #222;text-decoration:underline;}
.serbox p{font-size: 13px;line-height: 24px;text-align: justify;}

/*合作伙伴*/
.parbox ul li{width: 12.5%;float: left;padding: 0 5px;padding-bottom: 10px;}
.parbox ul li a{display: block;width: 100%;overflow: hidden;}
.parbox ul li a .imgbox{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #d6d6d6;}
.parbox ul li a .imgbox:before{content: ""; padding-top: 53%; display: block;}
.parbox ul li a .imgbox img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.parbox ul li a:hover .imgbox img{
transform:scale(0.95);
-ms-transform:scale(0.95); 	/* IE 9 */
-moz-transform:scale(0.95); 	/* Firefox */
-webkit-transform:scale(0.95); /* Safari 和 Chrome */
-o-transform:scale(0.95); 	/* Opera */
}

@media only screen and (max-width:1199px ) {
	.parbox ul li{width: 14.285714%;}
}
@media only screen and (max-width:991px ) {
	.parbox ul li{width: 20%;}
}
@media only screen and (max-width:640px ) {
	.parbox ul li{width: 25%;}
}
@media only screen and (max-width:480px ) {
	.parbox ul li{width: 33.33%;}
}

/*联系我们*/
.conbox h5{font-size: 14px;line-height: 28px; font-weight: bold;color: #222;text-decoration: underline;}
.conbox p{font-size: 14px;line-height: 24px;color: #444;}
.mapbox{margin: 15px 0}
.mapbox img{max-width: 100%;}
