*{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;}
.head_top{background: #eaeaea;}
.head_topbox{width: 100%;overflow: hidden;}
.head_wel{float: left;}
.head_wel p{font-size: 14px;line-height: 40px;color: #b0b0b0;}

.topserch{width: 290px;float: right; background: #fff;border-radius: 15px;overflow: hidden;margin-top: 5px;}
.topserch .topinput{width: 250px;float: left;line-height: 30px;border: none;background: none;padding: 0 10px;outline: none;}
.topserch button{width: 40px;padding: 0;top: 0; text-align: center;line-height:30px;display: block;float: right;border: none;background: none;}
.topserch button:focus{outline: none;}

.header:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.header{zoom:1;position: relative;} 
.head_box{padding: 35px 0;}

.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: #004ba2;}
.tel{background: url(../images/tel.png)no-repeat left center;padding-left: 35px;margin-top: 10px;}

.tel h3{font-size: 24px;font-weight: bold;color: #ff0000;line-height: 40px;}

.head_box{width: 100%;font-size: 0;}
.logobox {display: inline-block;}
.logobox h4{font-size: 25px;font-family: impact;color: #000;letter-spacing: 1.2px;}
.logobox h5{font-size: 25px;font-family: impact;color: #0486d1;}
.logoname{display: inline-block;font-size: initial;margin-left: 15px;}
.logoname h4{font-size: 25px;font-family: impact;color: #97c1e5;}


.menu{}
.menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.menu ul.yj{zoom:1;border-right: 1px solid #dcdcdc;} 
.menu ul.yj>li{float: left;width: 12.5%;position: relative;border-left: 1px solid #dcdcdc;}
.menu ul.yj>li>a{display: block;width: 100%; position:relative; line-height: 45px;font-size: 16px; text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 3px; transition: all 0.3s; }
.menu ul.yj>li:hover>a{background:#0686cf;color: #fff;}
.menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 0;top:100%;display: none;z-index: 9;background: rgba(0,58,131,.7);}
.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,.4);color: #fff;transition: all 0.25s;}
.menu ul.yj>li ul.ejmenu li a:hover{background: #0b85e9;}
.menu ul.yj>li:hover ul.ejmenu{display: block;}
@media only screen and (min-width:768px ) {
	.menu{display: block !important;}
}

@media only screen and (max-width:767px ) {
/*nav*/
.menu ul.yj{background: none;border: none;}
.menu ul.yj>li{background: none;border: 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;}
.menu ul.yj>li>a{font-size: 14px;line-height: 32px;background:rgba(6,134,207,.8);color: #fff; border-bottom: 1px solid rgba(255,255,255,0.4);}
.menu ul.yj>li:before{background: none;}
}
.pcbanner{margin-top: 25px;}

/*ph_bottom*/
.hot{width:100%; height:58px; background:#0686cf; 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; }


/*title01*/
.in_recommend{padding: 40px 0;}

.tit01{margin-bottom: 50px;}
.tit01 h3{font-size:60px;color: #ffa32b;text-transform: uppercase;position: relative;display: inline-block;}
.tit01 h3 span{font-size: 30px;color: #0686cf;display: inline-block;position: relative;padding-right: 10px;}
.tit01 h3 span:after{content: "";display: block;width: 30px;height: 2px;background: #d1d1d1;position: absolute;left: 100%;top: 50%;margin-top: -1px;}

/*index_recommend*/
.in_reclist{position: relative;padding: 0 40px;}
.in_reclist .swiper-button-prev-rec{font-size: 40px;color: #d1d1d1;background: none;text-align: left;width: 40px;left: 0;}
.in_reclist .swiper-button-next-rec{font-size: 40px;color: #d1d1d1;background: none;text-align: right;width: 40px;right: 0;}
.in_reclist .swiper-button-prev-rec:hover{color: #0686cf;}
.in_reclist .swiper-button-next-rec:hover{color: #0686cf;}
.in_reclist a{display: block;width: 100%;overflow: hidden;}
.in_reclist a .in_rec_pic{border: 1px solid #d1d1d1;padding: 3px;border-radius: 50%;margin-bottom: 15px;
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_reclist a .in_rec_pic .imgbox{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 4px solid #d1d1d1;border-radius: 50%;overflow: hidden;
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_reclist a .in_rec_pic .imgbox:before{content: ""; padding-top: 100%; display: block;}
.in_reclist a .in_rec_pic .imgbox span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;
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_reclist a .in_rec_txt{text-align: center;}
.in_reclist a .in_rec_txt h5{font-size: 14.5px;color: #333333;margin-bottom: 12px;}
.in_reclist a .in_rec_txt h6{font-size: 14px;color: #bfbfbf;text-transform: uppercase;}
.in_reclist a:hover .in_rec_pic{border-color: #0686cf;}
.in_reclist a:hover .in_rec_pic .imgbox{border-color:#0686cf;}
.in_reclist a:hover .in_rec_pic .imgbox span{
transform:rotate(15deg);
-ms-transform:rotate(15deg); 	/* IE 9 */
-moz-transform:rotate(15deg); 	/* Firefox */
-webkit-transform:rotate(15deg); /* Safari 和 Chrome */
-o-transform:rotate(15deg); 	/* Opera */
}
.in_reclist a:hover .in_rec_txt *{color: #0686cf;}

/*index_about*/
.in_about{padding: 40px 0 50px;background: url(../images/in_abbg.jpg)no-repeat center center;background-size: cover;}
.in_about .in_abtit{margin-bottom: 40px;}
.in_about .in_abtit .tit01{display: inline-block;margin-right: 55px;vertical-align: bottom;margin-bottom: 0;}
.title1{display: inline-block;vertical-align: bottom;}
.title1 .qh1 {font-size: 0;}
.title1 .qh1 li{font-size: initial;display: inline-block;padding: 0 5px;}
.title1 .qh1 li a{display: block;width: 135px;line-height: 38px;font-size: 15px;text-align: center;border: 1px solid #e07e00;background: #ffa32b;color: #fff;}
.title1 .qh1 li.act a{background: #00a2ff;border-color: #0094e9;}
.title1 .qh1 li a:focus{text-decoration: none;}

.qh01{padding: 20px 17px;background: rgba(255,255,255,.8);}
.in_abbox{width: 100%;overflow: hidden;position: relative;padding-left: 358px;}
.in_abbox .in_abpic{width: 358px;height: 100%;overflow: hidden; border: 2px solid #0686cf;position: absolute;left: 0;top: 0;border-radius: 11px;}
.in_abbox .in_abpic span{display: block;width: 100%;height: 100%;}
.in_abbox .in_abtxt{padding: 10px 0 10px 20px;}

.in_abbox .in_abtxt .in_abtxtbox{font-size: 14px;line-height: 35px;height: 245px;text-align: justify;}


/*index_product*/
.in_product{padding: 40px 0;background: url(../images/in_probg.jpg)no-repeat center center;background-size: cover;}
.title2 .qh2 {width: 100%;overflow: hidden;padding-bottom: 30px;}
.title2 .qh2 li{width: 20%;float: left;padding: 0 15px;padding-bottom: 14px;}
.title2 .qh2 li a{display: block;width: 100%;line-height: 36px;border: 1px solid #ffffff;color: #fff; text-align: center;border-radius: 10px;padding: 0 3px; box-shadow: 3px 3px 5px #c9c9c9;overflow: hidden;position: relative;white-space: nowrap;text-overflow: ellipsis;}
.title2 .qh2 li a:before{content:"";display: block;width: 16%;height: 200%;background: rgba(0,0,0,.1);position: absolute;left: 0;top: 0;
transform:rotate(-20deg);
-ms-transform:rotate(-20deg); 	/* IE 9 */
-moz-transform:rotate(-20deg); 	/* Firefox */
-webkit-transform:rotate(-20deg); /* Safari 和 Chrome */
-o-transform:rotate(-20deg); 	/* Opera */

transition:width 0.35s;
-moz-transition:width 0.35s; /* Firefox 4 */
-webkit-transition:width 0.35s; /* Safari 和 Chrome */
-o-transition:width 0.35s; /* Opera */

}
.title2 .qh2 li:nth-child(1) a{background: #0896e7;}
.title2 .qh2 li:nth-child(2) a{background: #08c5e7;}
.title2 .qh2 li:nth-child(3) a{background: #06b9b7;}
.title2 .qh2 li:nth-child(4) a{background: #5ead09;}
.title2 .qh2 li:nth-child(5) a{background: #eeaf04;}
.title2 .qh2 li:nth-child(6) a{background: #ee8e04;}
.title2 .qh2 li:nth-child(7) a{background: #ee7204;}
.title2 .qh2 li:nth-child(8) a{background: #ee3604;}
.title2 .qh2 li:nth-child(9) a{background: #ee045c;}
.title2 .qh2 li:nth-child(10) a{background: #ab0eed;}
.title2 .qh2 li:nth-child(11) a{background: #0896e7;}
.title2 .qh2 li:nth-child(12) a{background: #08c5e7;}
.title2 .qh2 li:nth-child(13) a{background: #06b9b7;}
.title2 .qh2 li:nth-child(14) a{background: #5ead09;}
.title2 .qh2 li:nth-child(15) a{background: #eeaf04;}
.title2 .qh2 li:nth-child(16) a{background: #ee8e04;}
.title2 .qh2 li:nth-child(17) a{background: #ee7204;}
.title2 .qh2 li:nth-child(18) a{background: #ee3604;}
.title2 .qh2 li:nth-child(19) a{background: #ee045c;}
.title2 .qh2 li:nth-child(20) a{background: #ab0eed;}
.title2 .qh2 li:nth-child(21) a{background: #0896e7;}
.title2 .qh2 li:nth-child(22) a{background: #08c5e7;}
.title2 .qh2 li:nth-child(23) a{background: #06b9b7;}
.title2 .qh2 li:nth-child(24) a{background: #5ead09;}
.title2 .qh2 li:nth-child(25) a{background: #eeaf04;}
.title2 .qh2 li:nth-child(26) a{background: #ee8e04;}
.title2 .qh2 li:nth-child(27) a{background: #ee7204;}
.title2 .qh2 li:nth-child(28) a{background: #ee3604;}
.title2 .qh2 li:nth-child(29) a{background: #ee045c;}
.title2 .qh2 li:nth-child(30) a{background: #ab0eed;}
.title2 .qh2 li a:hover:before{width: 100%;
transform:rotate(0);
-ms-transform:rotate(0); 	/* IE 9 */
-moz-transform:rotate(0); 	/* Firefox */
-webkit-transform:rotate(0); /* Safari 和 Chrome */
-o-transform:rotate(0); 	/* Opera */
}

/*in_prolist*/
.in_prolist ul li {padding: 0 8px;padding-bottom: 17px;}
.in_prolist ul li a{display: block;width: 100%;text-align: center;}
.in_prolist ul li a .in_propic{position: relative; display: block; overflow: hidden; margin: 0 auto;border: 1px solid #e3e3e3;}
.in_prolist ul li a .in_propic:before{content: ""; padding-top: 77.43%; display: block;}
.in_prolist ul li a .in_propic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 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 */
}
.in_prolist ul li a .in_protxt{background: rgba(6,134,207,.0);border: 1px solid rgba(227,227,227,0);border-top: none;
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_prolist ul li a .in_protxt p{font-size: 16px;line-height: 38px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in_prolist ul li a:hover .in_propic{border-color:#fff ;}
.in_prolist ul li a:hover .in_propic 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_prolist ul li a:hover .in_protxt{background: rgba(6,134,207,1);color: #fff;border-color: rgba(227,227,227,1);}
.in_prolist ul li a:hover .in_protxt p{color: #fff;}

/*in_tel*/
.in_telbox{padding: 51px 0 46px;background: url(../images/bg01.jpg)no-repeat center center;background-size: cover;}
.in_telbox .tel_tit{text-align: center;margin-bottom: 15px;}
.in_telbox .tel_tit img{max-width: 80%;}
.in_telbox .tel01 {text-align: center;}
.in_telbox .tel01 h3{display: inline-block;font-size: 35px;padding-left: 55px; line-height: 44px; font-weight: bolder;color: #ffa32b;text-shadow: 0 1px 2px #fff;-webkit-text-fill-color: #ffa32b; -webkit-text-stroke: 1.5px #fff;background: url(../images/tel01.png)no-repeat left center;}


/*index_mk*/
.in_mk{padding: 40px 0;}
.in_mkbox{width: 100%;overflow: hidden;}
.in_mkbox .in_company{width: 33.33%;float: left;padding: 0 13px;}
.in_mkbox .in_news{width: 33.33%;float: left;padding: 0 13px;}
.in_mkbox .in_con{width: 33.33%;float: left;padding: 0 13px;}
.in_mkpic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.in_mkpic:before{content: ""; padding-top: 37.33%; display: block;}
.in_mkpic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

/*index_company*/
.in_comlist ul li{padding: 4px 0; border-bottom: 1px dashed #d0d0d0;}
.in_comlist ul li a{display: block;width: 100%;overflow: hidden;height: 32px;}
.in_comlist ul li a .in_comtit{width: 100%;position: relative;padding-right: 100px;}
.in_comlist ul li a .in_comtit h5{line-height: 32px;color: #333333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_comlist ul li a .in_comtit span.date{display: block;width: 100px;text-align: right; line-height: 32px;position: absolute;right: 0;top: 0;}
.in_comlist ul li a .in_comtxt{font-size: 12px; line-height: 25px;height: 50px;overflow: hidden;margin-bottom: 5px;}
.in_comlist ul li a .in_comtxt p{color: #6e6e6e;}
.in_comlist ul li a .in_commore {}
.in_comlist ul li a .in_commore p{display: block;width: 82px;line-height: 27px;text-align: center;background: #0686cf;color: #fff;transition: all 0.3s;}
.in_comlist ul li a {transition: all 0.35s;}
.in_comlist ul li.act a {height: auto;}
.in_comlist ul li.act a .in_comtit h5{color: #0686cf;}
.in_comlist ul li.act a .in_comtit span.date{color: #0686cf;}
.in_comlist ul li a .in_commore p:hover {background: #ffa32b;}
/*index_news*/
.in_newlist ul li{padding: 4px 0; border-bottom: 1px dashed #d0d0d0;}
.in_newlist ul li a{display: block;width: 100%;overflow: hidden;height: 32px;}
.in_newlist ul li a .in_newtit{width: 100%;position: relative;padding-right: 100px;}
.in_newlist ul li a .in_newtit h5{line-height: 32px;color: #333333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_newlist ul li a .in_newtit span.date{display: block;width: 100px;text-align: right; line-height: 32px;position: absolute;right: 0;top: 0;}
.in_newlist ul li a .in_newtxt{font-size: 12px;line-height: 25px;height: 50px;overflow: hidden;margin-bottom: 5px;}
.in_newlist ul li a .in_newtxt p{color: #6e6e6e;}

.in_newlist ul li a .in_newmore p{display: block;width: 82px;line-height: 27px;text-align: center;background: #0686cf;color: #fff;transition: all 0.3s;}
.in_newlist ul li a {transition: all 0.35s;}
.in_newlist ul li.act a {height: auto;}
.in_newlist ul li.act a .in_newtit h5{color: #0686cf;}
.in_newlist ul li.act a .in_newtit span.date{color: #0686cf;}
.in_newlist ul li a .in_newmore p:hover {background: #ffa32b;}
/*index_contact*/

.in_conbox{font-size: 14px;line-height:27px;word-wrap: normal;}

/*foot*/
.pc_foot{padding: 16px 0 25px;background: #3c454c;}

.foot_l{width: 68.5%;float: left;}
.foot_r{width: 31.5%;float: right;}
.foot_list01{width: 25%;float: left;}
.foot_list02{width: 50%;float: left;}
.foot_list03{width: 25%;float: left;}

.foot_list h5.tit{font-size: 16px;margin-bottom: 15px;color: #fff;}
.foot_list02 ul li{width: 50%;float: left;padding: 0 5px;}
.foot_list ul li a{display: block;width: 100%;overflow: hidden;font-size: 14px;line-height: 35px;color: #6f7981;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.foot_list ul li a:hover{text-decoration: underline;}

.foot_r h5.tit{font-size: 16px;margin-bottom: 15px;color: #fff;}

.foot_message input{display: block;width: 100%;background: none;padding: 0 10px;line-height: 38px;margin-bottom: 10px;color: #fff; border: none; border-bottom: 1px solid #586169;outline: none;}
.foot_message button{display: block;width: 84px;text-align: center;line-height: 29px;text-align: center;background: #ffa32b;color: #fff;border: none;border-radius: 12px;}

.fot{background: #0686cf;padding: 8px 0;}
.fot .fotnavbox{font-size: 0;float: left;}
.fot .fotnavbox a{display:block;float: left;margin-right: 20px; font-size: 14px;color: #fff;}
.fot p{float: right;font-size: 14px;line-height: 24px;}
.fot .fotnavbox a:hover{text-decoration: underline;}
@media only screen and (max-width:1199px ) {
	.tit01 h3{font-size: 52px;}
	.tit01 h3 span{font-size: 26px;}
	.fot .fotnavbox a{margin-right: 15px;}
	
}

@media only screen and (max-width:991px ) {

	.logoname{display: none;}
	.tit01{margin-bottom: 30px;}
	.title2 .qh2 li{padding: 0 10px;padding-bottom: 12px;}
	
	.fot .fotnavbox{text-align: center;float: none;width: 100%;}
	.fot .fotnavbox a{display: inline-block;float: none;}
	.fot p{text-align: center;float: none;}
	
}

@media only screen and (max-width:767px ) {
	.head_top{display: none;}
	.head_box{padding: 10px 5px;}
	.pcbanner{margin: 0;}
	.logobox h5{font-size: 20px;}
	.logobox h4{font-size: 20px;letter-spacing:1px;}
	.tit01 h3{font-size: 48px;}
	.tit01{padding: 0 10px;margin-bottom: 20px;}
	
	.in_recommend{padding: 30px 0;}
	.in_about .in_abtit .tit01{padding: 0}
	.in_abbox {position: static;padding: 0;}
	.in_abbox .in_abpic{width: 100%;max-width: 500px;position: relative;display: block; overflow: hidden; margin: 0 auto;}
	.in_abbox .in_abpic:before{content: ""; padding-top: 75.7%; display: block;}
 	.in_abbox .in_abpic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
	.in_abbox .in_abtxt{padding: 0;}
	.qh01{padding: 20px 10px;}
	.in_about{padding: 30px 0;}
	.in_abbox .in_abtxt .in_abtxtbox{height: auto;}
	.in_about .in_abtit{margin-bottom: 20px;padding: 0 10px;}
	.in_product{padding: 30px 0;}
	.title2 .qh2 li{width: 25%;}
	
	.in_mk{padding: 30px 0;}
	
	.in_mkbox .in_company{width: 50%;padding-bottom: 20px;}
	.in_mkbox .in_news{width: 50%;padding-bottom: 20px;}
	.in_mkbox .in_con{width: 50%;}
	.pc_foot{display: none;}
	.fot{display: none;}
}

@media only screen and (max-width:640px ) {
	.logobox h5{font-size: 17px;}
	.logobox h4{font-size: 17px;letter-spacing: 0.8px;}
	.in_about .in_abtit .tit01{margin-bottom: 10px;}
	.title1{margin-bottom: 10px;}
	
}

@media only screen and (max-width:560px ) {
	.title2 .qh2 li{width: 33.33%;}
	.in_mkbox .in_con{width: 100%;}
	
}
@media only screen and (max-width:480px ) {
	.in_mkbox .in_company{width: 100%;}
	.in_mkbox .in_news{width: 100%;}
}


@media only screen and (max-width:380px ) {
	.title2 .qh2 li{width: 50%;}
}

/*insede*/

.cen_box:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.cen_box{zoom:1;padding: 40px 0;}
.cen_l{width: 25%;float: left;padding-right: 25px;}
.cen_r{width: 75%;float: right;}


.cen_l .titbox1{position: relative;margin-bottom: 10px;}
.cen_l .titbox1 h3{font-size:60px;color: #ffa32b;text-transform: uppercase;position: relative;display: inline-block;}
.cen_l .titbox1 h3 span{font-size: 30px;color: #0686cf;display: inline-block;position: relative;padding-right: 10px;}
.cen_l .titbox1 h3 span:after{content: "";display: block;width: 30px;height: 2px;background: #d1d1d1;position: absolute;left: 100%;top: 50%;margin-top: -1px;}

@media only screen and (max-width:991px ) {
	.cen_l .titbox1 h3{font-size: 48px;}
	.cen_l .titbox1 h3 span{font-size: 24px;}
}

.dropmenu{margin-bottom: 16px;}
.dropmenu>ul.lv1>li{padding:3px 0;}
.dropmenu>ul.lv1>li>a{display: block;position: relative; width: 100%;line-height: 40px;padding: 0 10px;font-size: 14px;color: #7c7c7c;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}

.dropmenu>ul.lv1>li a span.icon_xz{font-size: 10px;margin-right: 5px; color: #ff3900;line-height: 1;font-weight: bold;}
.dropmenu>ul.lv1>li a:focus{text-decoration: none;}
.dropmenu>ul.lv1>li:hover>a{color: #0686cf;}
.dropmenu>ul.lv1>li.act>a{ color: #0686cf;}
.dropmenu>ul.lv1>li:hover a span.icon_xz{color: #fff;}
.dropmenu>ul.lv1>li.act a span.icon_xz{color: #fff;}
/*.dropmenu>ul.lv1>li.act>a span.icon_xz{transform: rotateZ(90deg);}*/
.dropmenu>ul.lv1>li ul.lv2>li>a{display: block;width: 100%;line-height: 30px;font-size: 12px;font-family: "宋体"; color: #484848;border-top: 1px solid #ffffff;padding-left:30px;}
.dropmenu>ul.lv1>li ul.lv2>li>a:hover{color: #ff3900;}
@media only screen and (min-width:768px ) {
	.dropmenu{display: block !important;}
}
@media only screen and (max-width:767px ) {
	.cen_box{padding-top: 0}
	.cen_l .tit03 .titbox1 h4{line-height: 50px;}
	.dropmenu>ul.lv1>li{padding: 0;}
	.dropmenu>ul.lv1>li>a{line-height:36px;font-size: 14px;border-width: 1px;text-align: center;}
	.dropmenu>ul.lv1>li ul.lv2{display: none;}
}


.suoyin:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.suoyin{zoom:1;background: #efefef;}

.suoyin h4{float: left;font-size: 15px; width: 109px;text-align: center; line-height:40px;background: #0686cf; color: #fff;text-transform: capitalize;}
.suoyin h5{float: right;color: #404040;font-size: 12px;line-height: 40px;}
.main{padding-top: 25px;}
@media only screen and (max-width:991px ) {
.cen_l{width: 28%;float: left;padding-right:15px;}
.cen_r{width: 72%;float: right;}
}
@media only screen and (max-width:767px ) {
	.main{padding-top: 15px;}
	.cen_l{width: 100%;float: none;padding: 0;}
	.cen_r{width: 100%;float: none;padding: 0 10px;}
	.cen_l .titbox1{padding: 5px ;border-bottom: 1px dashed #c3c3c3;}
	.dropbtn{display: block;width: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #0686cf;position: absolute; right: 0;top: 50%;margin-top: -15px;}
	.l_lx{display: none;}
	.suoyin{display: none;}
}

/*about*/
.abtxt h3{font-size: 28px;font-weight: bold;margin-bottom: 10px;}
.abtxt h3 span{color: #ff3900;}
.abtxt p{font-size: 15px;line-height: 35px;}
.about img{max-width: 100%;}

/*company*/
.comtxt h3{font-size: 28px;font-weight: bold;margin-bottom: 10px;}
.comtxt h3 span{color: #ff3900;}
.comtxt p{font-size: 15px;line-height: 35px;}



/*product*/
.prolist ul{width: 100%;overflow: hidden;}
.prolist ul li{padding: 0 10px;padding-bottom: 25px;}
.prolist ul li a{display: block;width: 100%;overflow: hidden;border: 1px solid #e0e0e0;
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 .propic{position: relative; display: block; overflow: hidden; margin: 0 auto;border-bottom: 1px solid #e3e3e3;}
.prolist ul li a .propic:before{content: ""; padding-top:77.43%; display: block;}
.prolist ul li a .propic span{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 .protxt{text-align: center;background: #fff;}
.prolist ul li a .protxt p{font-size: 14px;line-height: 38px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
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{border: 1px solid #0686cf;}
.prolist ul li a:hover .propic{border-bottom: 1px solid #fff;}
.prolist ul li a:hover .propic 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 */
}
.prolist ul li a:hover .protxt p{color: #fff;background: #0686cf;}
@media only screen and (max-width:991px ) {
	.prolist ul li a .protxt p{line-height: 34px;}
}

/*product-detail*/
.pro_x .pro_x_pic{text-align: center;}
.pro_x .pro_x_pic img{max-width: 100%;}
.pro_x .pro_x_txt{font-size: 14px;line-height: 28px;margin-top: 10px;text-align: center;}
.pro_x .pro_x_txt1{font-size: 14px;line-height: 28px;margin-top: 10px;text-align: left; line-height: 30px}
/*news*/
.newlist ul li{padding-bottom: 24px;}
.newlist ul li a{display: block;width: 100%;overflow: hidden;position: relative;padding-left: 230px;}
.newlist ul li a .newpic{width: 230px;height: 100%;position: absolute;;left: 0;top: 0;overflow: hidden;
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 .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{padding-left: 20px;}
.newlist ul li a .newtxt .newtit{width: 100%;overflow: hidden;position: relative;padding-right: 96px; margin-bottom: 19px;}
.newlist ul li a .newtxt .newtit h3.tit{font-size: 16px;line-height: 24px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newlist ul li a .newtxt .newtit h5.newdate{width: 96px;text-align: right;font-size: 16px;color: #444;line-height: 24px;position: absolute;right: 0;top: 0;}
.newlist ul li a .newtxt .newtbox{font-size: 14px;line-height: 25px;height:50px;margin-bottom: 19px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newlist ul li a .newtxt .newtbox p{color: #6e6e6e;}
.newlist ul li a .newtxt .newmore p{font-size: 14px;width: 82px;line-height: 27px;float: right;text-align: center;background: #0686CF;color: #fff;}
.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.tit{color: #0686CF;}
.newlist ul li a:hover .newtxt .newtbox p{color: #0686CF;}
.newlist ul li a:hover .newtxt h5.newdate{color: #0686CF;}
.newlist ul li a:hover .newpic{}
@media only screen and (max-width:640px ) {
	.newlist ul li a{padding-left: 200px;}
	.newlist ul li a .newpic{width: 200px;}
	.newlist ul li a .newtxt .newtit{margin-bottom: 12px;}
	.newlist ul li a .newtxt .newtbox{margin-bottom: 12px;}
}
@media only screen and (max-width:560px ) {
	.newlist ul li a{padding-left: 180px;}
	.newlist ul li a .newpic{width: 180px;}
	.newlist ul li a .newtxt{padding-left: 15px;}
	.newlist ul li a .newtxt .newtit{padding: 0;}
	.newlist ul li a .newtxt .newtit h5.newdate{display: none;}
}

@media only screen and (max-width:480px ) {
	.newlist ul li a{padding-left: 160px;}
	.newlist ul li a .newpic{width: 160px;}
	
}
@media only screen and (max-width:380px ) {
	.newlist ul li a{padding-left: 140px;}
	.newlist ul li a .newpic{width: 140px;}
	
}

/*new_detail*/
.new_x .new_x_tit h4{font-size: 16px;color:#111;line-height: 30px;text-transform: uppercase;}
.new_x .new_x_tit h6{font-size: 12px;color:#888;line-height: 18px;}
.new_x .new_x_pic{text-align: center;padding: 10px 0;}
.new_x img{max-width: 100%;}
.new_x .new_x_txt{font-size: 14px;line-height:30px;}


/*case*/
.caselist ul{width: 100%;overflow: hidden;}
.caselist ul li{padding: 0 10px;padding-bottom: 25px;}
.caselist ul li a{display: block;width: 100%;overflow: hidden;border: 1px solid #e0e0e0;
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 .casepic{position: relative; display: block; overflow: hidden; margin: 0 auto;border-bottom: 1px solid #e3e3e3;}
.caselist ul li a .casepic:before{content: ""; padding-top:77.43%; display: block;}
.caselist ul li a .casepic span{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 .casetxt{text-align: center;background: #fff;}
.caselist ul li a .casetxt p{font-size: 14px;line-height: 38px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
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{border: 1px solid #0686cf;}
.caselist ul li a:hover .casepic{border-bottom: 1px solid #fff;}
.caselist ul li a:hover .casepic 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 */
}
.caselist ul li a:hover .casetxt p{color: #fff;background: #0686cf;}
@media only screen and (max-width:991px ) {
	.caselist ul li a .casetxt p{line-height: 34px;}
}

/*case-detail*/
.case_x .case_x_pic{text-align: center;}
.case_x .case_x_pic img{max-width: 100%;}
.case_x .case_x_txt{font-size: 14px;line-height: 28px;margin-top: 10px;text-align: center;}
.case_x .case_x_txt1{font-size: 14px;line-height: 28px;margin-top: 10px;text-align: left; line-height: 30px}
/*contact*/
.con_txt{font-size: 14px;line-height: 35px;margin-bottom: 15px;}

/*message*/
.message form {width: 100%;max-width: 610px;margin: 0 auto;}

.message form input{display: block;width: 100%;background: none;padding: 0 10px;line-height: 38px;margin-bottom: 10px;border: none;color: #666; border-bottom: 1px solid #d4d4d4;outline: none;}
.message form  button{display: block;width: 84px;text-align: center;line-height: 29px;text-align: center;background: #ffa32b;color: #fff;border: none;border-radius: 12px;}