*{font-family: "Castle-T-Book", Arial, Verdana, sans-serif;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;}
.container-fluid{max-width: 1200px;}
@media only screen and (max-width:1200px ) {
	.container-fluid{padding: 0 15px;}
	.row{margin:  0;}
}

.header:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.header{zoom:1;position: relative;background: #f3b119;} 

.logobox{float: left;}
.menu{float: right;}
.menu>ul{font-size: 0;margin-top: 24px;}
.menu>ul>li{display: inline-block;font-size: 0; padding: 0 15px;position: relative;}
.menu>ul>li>a{display: block;float:left;line-height: 28px;border-bottom: 2px dotted #f3b119; font-size: 16px;text-transform: uppercase;color: #101010;}
.menu>ul>li:hover>a{border-bottom: 2px dotted #fdf2d7;color:#fdf2d7;}

.ejmenu{display:none;position: absolute;top:28px;z-index: 100;text-align: center;padding-top: 5px; white-space: nowrap; left: -9999px;right: -9999px;}
.ejmenu ul{display: inline-block;}
.ejmenu ul li{display: inline-block;padding: 0 10px;}
.ejmenu ul li a{display: block;font-size: 16px;line-height: 26px;}
.ejmenu ul li a:hover{color: #fdf2d7;}
.menu>ul>li:hover .ejmenu{display: block;}
.topserch{float: right;margin-top: 24px;position: relative;}
.topserch #topserch{display: block;background: rgba(0,0,0,0); width: 24px;text-align: center; line-height: 32px;top: 0;margin-top: 0;border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.topserch #topserch.act{background: #000;color: #F3B119;}

.topserch .formbox{position: absolute;right: 0;top: 32px;width: 200px;
background-color: #000;
    width: 300px;
    right: 0;
    padding: 10px 15px;
	opacity: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: .2s;
    z-index: 99;
}

.topserch .formbox .forminput{overflow: hidden;}
.topserch .formbox input{width: 100%; height: 26px;border: none;/*background: #333333;*/}
.topserch .formbox button{float: right;height: 26px;top: 0;border: none;outline: none;background: #f2a900;}

.logobox{width: 26%;max-width: 312px;min-width: 240px;line-height: 78px;}
.logobox img{width: 100%;}
.head_box:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.head_box{position: relative;zoom:1;padding: 10px 0;width: 100%;}
.clickbtn{position: absolute;width: 38px;height:38px; right: 0;top: 50%;margin-top: -20px;}
.clickbtn span{display: block;width: 38px;line-height: 38px;text-align: center;font-size: 22px;}

@media only screen and (min-width:992px ) {
	.menu{display: block !important;}
}
@media only screen and (max-width:991px ) {
	.menu{position: absolute;z-index: 99;right: -15px;width: 30%;max-width: 150px;top: 88px;background: #F3B119}
	.menu>ul{margin-top: 0;text-align: center;}
	.ejmenu{display: none !important;}
	.menu>ul>li{display: block;width: 100%;}
	.menu>ul>li>a{display: block;width: 100%;border-top:1px solid #fff;border-bottom: none;}
	.menu>ul>li>a:hover{border-bottom: none;}
	.head_box{padding: 5px 0;}
	
}




.in_about .tit01 h3{font-size: 40px;text-transform: uppercase;color: #f3b119;line-height: 150px;background: url(../images/titbg.png)no-repeat center bottom;}
/*关于我们*/
.in_abbox{width: 100%;overflow: hidden;zoom: 1;margin: 50px 0;}

.in_abl{width: 39%;float: left;}
.in_abr{width: 61%;float: right;}

.in_abr{padding: 45px 0;padding-left:117px;background: url(../images/abbg.png)no-repeat left center;-webkit-background-size: auto 100%;background-size: auto 100%; position: relative;}
.in_abr .yinhao{position: absolute;right: 0;top: 0;font-size:80px;color: #f3b119; line-height: 1;text-transform: uppercase;}
.in_abr .abmore a{width: 100px;height: 160px;display: block;position: absolute;left: 0;bottom: 48px;}
.in_abr .abmore a:hover{background: rgba(255,255,255,0.6);}
.in_abr .in_ab_t{font-size: 16px;line-height: 26px;text-align: justify;height: 208px;display: block; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}

.in_abl{padding-right: 30px;}

.ablunbo{width: 100%;height: 298px;border: 3px solid #f3b119;}


.swiper-container .swiper-pagination{text-align: right;}
.swiper-pagination-bullet{background: #fff;opacity: 0.6;}
.swiper-pagination-bullet-active{background: #f7a81b;opacity: 1;}

/*首页service*/
.in_ser .tit01 h3{font-size: 40px;text-transform: uppercase;color: #282828;line-height: 100px;padding-bottom: 20px; background: url(../images/titbg.png)no-repeat bottom center;margin-bottom: 26px;}

.in_serr .tit01 h3{font-size: 40px;text-transform: uppercase;color: #282828;line-height: 100px;padding-bottom: 20px; background: url(../images/titbg.png)no-repeat bottom left;margin-bottom: 26px;}
.in_serbox:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.in_serbox{zoom:1;} 
.in_serl{width: 43%;float: left;padding-right:5px;}
.in_serl img{max-width: 100%;}
.in_serr{width: 57%;float: right;}
.in_ser_t{font-size: 16px;line-height: 28px;text-align: justify;height: 224px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;margin-bottom: 30px;}

.sermore a{display: block;width: 85px;text-align: center;margin: 0 auto; line-height: 24px;border: 1px solid #f3b119;}
.sermore a:hover{color: #fff;background: #f3b119;}
/*首页媒体*/
.in_media .tit01 h3{font-size: 40px;text-transform: uppercase;color: #f3b119;line-height: 120px;background: url(../images/titbg.png)no-repeat bottom left;}
.in_media .tit01{margin-bottom: 23px;}
.in_medial{width: 28.3%;float: left;background: #e7e6e5;}
.in_mediac{width: 46.8%;float: left;}
.in_mediar{width: 24.9%;float: left;}

.in_media_lpic{width: 100%;}

.in_media_l_txt{margin-top: 5px;}
.in_media_l_txt h3{font-size: 16px;line-height: 22px;}
.in_media_l_txt h4{font-size: 16px;line-height: 22px;font-weight: bold;color: #12161a;white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.in_media_l_txt .in_media_l_t{font-size: 14px;line-height: 18px;margin-top: 5px;}
.in_media_l_txt .in_media_l_t p{font-size: 14px;color: #12161a;text-align: justify;color: #12161a;}
.in_media_l_txt .in_media_l_t p a{color: #f3b119;}

.in_mediac {padding-left: 30px;}
.in_mediac ul li{margin-bottom: 15px;}
.in_mediac ul li a{width: 100%;display: block;overflow: hidden;padding-left:148px;position: relative;}
.in_mediac ul li a .in_mediapic{width: 148px;height: 90px;overflow: hidden; position: absolute;left: 0;top: 0;}
.in_mediac ul li a .in_mediapic 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 */
}
.in_mediac ul li a .in_mediat{padding-left: 6px;}
.in_mediac ul li a .in_mediat h3{font-size: 16px;color: #12161a;line-height: 18px;text-transform: capitalize;}
.in_mediac ul li a .in_mediat h4{font-size: 14px;color: #12161a;line-height: 18px;font-weight: bold;text-transform: capitalize;white-space: nowrap;text-overflow: ellipsis;display: block;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_mediac ul li a .in_mediat .in_media_t{font-size: 14px;color: #12161a;line-height: 18px;height: 54px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.in_mediac ul li a .in_mediat .in_media_t p span{color: #f3b119;}
.in_mediac ul li a:hover .in_mediapic 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_mediac ul li a:hover .in_mediat h4{color: #F3B119;}
.in_mediar .viewbox{width:46%;margin-left: 2%;}
.viewbox{position: relative;float: left; display: block; overflow: hidden; margin: 0 auto;padding: 5px;}
.viewbox:before{content: ""; padding-top: 100%; display: block;background: #f3b119;}
.viewbox .viewimg{position: absolute;left: 0;width: 100%;margin: 0 auto;text-align: center;top: 50%;
transform:translateY(-50%);
-ms-transform:translateY(-50%); 	/* IE 9 */
-moz-transform:translateY(-50%); 	/* Firefox */
-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
-o-transform:translateY(-50%); 	/* Opera */
}
.viewbox .viewimg a{display: block;width: 100%;height: 100%;}



.viewbox .viewimg img{max-width: 70%;}
.viewimg p{font-size: 16px;text-transform: uppercase;color: #282828;}
.logo2.viewbox:before{background:url(../images/blog_bg.jpg)no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.logo3.viewbox:before{background: url(../images/blog_bg.jpg)no-repeat center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.viewmore.viewbox:before{background: none;border: 2px solid #f3b119;}
.viewmore.viewbox{padding: 7px;margin-top: -2px;}

.mediamore {margin: 25px 0;}
.mediamore a{display: block;width: 140px;line-height: 38px;background: #f3b119;text-align: center;font-weight: bold; margin: 0 auto;text-transform: uppercase;font-size: 16px;}
.mediamore a:hover{color: #ffffff;}

.fotbox{width: auto;display: block;overflow: hidden;}
.fot_menu{display: inline-block;float: left;margin-right: 4%;}
.fot_menu li a{color: #b3b3b2;text-transform: capitalize;font-size: 14px;}
.fot_menu li:first-child a{color: #12161a;}
/*.fot_ser li:nth-child(2) a{color: #12161a;}*/
.fot_con li a{color: #12161a;}

.fot_icon {float: right;width: auto;display: block;margin-top: 10px;margin-bottom: 10px;}
.fot_icon a{display: block;float: left; width: 36px;height: 36px;margin-left: 5px;}
.fot_icon a.fff{ background: url(../images/shareicon.png)no-repeat 0 0;}
.fot_icon a.eee{ background: url(../images/shareicon.png)no-repeat -41px 0;}
.fot_icon a.ddd{ background: url(../images/shareicon.png)no-repeat -82px 0;}
.fot_icon a.ccc{ background: url(../images/shareicon.png)no-repeat -123px 0;}

.fot_bottom{margin: 10px 0 25px 0;}
.fot_bottom p{font-size:16px;line-height: 28px;color: #000000;text-transform: capitalize;font-weight: bold;}
.fot_bottom p span{color: #046bb4;}

/*手机底部*/
.hot{width:100%; height:58px; background:#f3b119; 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; }


/*悬浮框*/
.tc_form h2{font-size: 28px;line-height: 1.3em;margin-bottom: 10px;color: #fff;}
.tc_form:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.tc_form{zoom: 1; padding: 30px;background: #888888;width: 100%;max-width: 600px;margin: 0 auto;position: relative;z-index: 10;}
.tc_form label{color: #fff;}
.tc_con form.check:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.tc_con form.check{zoom: 1;}
.tc_con form.check p{display: inline-block;width: 50%;float: left;color: #fff;line-height: 1;margin-top: 0;}
.sub_tj{width: 180px;line-height:40px;margin: 0 auto;display: block; font-size: 20px; color: #fff;background: #F2A900;border: none;border-radius: 5px;outline: none;}
.sub_tj:hover{background: #b2b2b2;}
.tc_con{display: block;width: 100%;height: 100%;position: fixed;z-index: 99999999;top: 0; padding: 65px 0;background: rgba(0,0,0,0.8);}
.tc_zz{width: 100%;height: 100%;position: absolute;top: 0;}

.tc_form .offbtn{position: absolute;right: 20px;top: 20px;cursor: pointer;}
.tc_form .offbtn span{display: block;width: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 18px;}

#xfbtn h3{font-size:24px;color:#F2A900; width: 280px; line-height: 2.8em;font-weight: bold;text-transform: capitalize;padding-right: 50px;background: url(../images/logo1.png)no-repeat right center;-webkit-background-size: contain;background-size: contain;}
#xfbtn{position: fixed;right: 0;top: 190px;z-index: 9999;background: #4f4f4f;padding:5px 20px;cursor: pointer;border-radius: 3px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    transform-origin:bottom right;
}

@media only screen and (max-width:1199px ) {
	.in_serr .tit01 h3{line-height: 50px;}
	.in_medial{width: 28%;}
	.in_mediac{width: 46%;padding-left: 20px;}
	.in_mediar{width: 26%;}
	.fot_menu{margin:0 0.8%;}
	
}
@media only screen and (max-width:991px ) {
	.in_serr .tit01 h3{margin-bottom: 10px;}
	.in_ser_t{margin-bottom: 15px;height: 196px;-webkit-line-clamp: 7;}
	.in_medial{width: 24%;}
	.in_mediac{width: 43%;padding-left: 20px;}
	.in_mediar{width: 33%;}
	.fot_menu{margin: 0;}
	.fot_menu li a{font-size: 13px;}
	.menu>ul>li{padding: 0 4px;}
	.menu>ul>li>a{font-size: 14px;}
	
	#xfbtn{top: 50%;margin-top: -180px;}
	
}

@media only screen and (max-width:767px ) {
	.in_about .tit01 h3{line-height: 70px;padding-bottom: 15px;}
	.in_ser .tit01 h3{line-height: 70px;padding-bottom: 15px;}
	.in_media .tit01 h3{line-height: 70px;padding-bottom: 15px;background: url(../images/titbg.png)no-repeat bottom center;}

	.in_abl{width: 100%;padding: 0;max-width: 462px;margin: 0 auto;float: none;}
	.in_abbox{margin: 0;}
	.in_abl{margin-top: 20px;margin-bottom: 20px;}
	.in_abr{width: 100%;padding: 30px 0;padding-left: 100px;}
	.in_abr .abmore a{bottom:33px;}
	
	.in_serl{width: 100%;float: none;padding: 0;text-align: center;margin-bottom: 15px;}
	.in_serr{width: 100%;float: none;padding: 0;}
	.in_serr .in_ser_t{height: auto;-webkit-line-clamp: inherit;}
	
	.in_medial{width: 44%;}
	.in_mediac{width: 56%;}
	.in_mediar{display: none;}
	
	
	
}
@media only screen and (max-width:640px ) {
	
	.in_medial{width: 100%;margin-bottom: 20px;}
	.in_mediac{width: 100%;padding-left: 0;}
	.ablunbo{height: auto;}
	.ablunbo .swiper-slide{position: relative; display: block; overflow: hidden; margin: 0 auto;}
	.ablunbo .swiper-slide:before{content: ""; padding-top: 61.4%; display: block;}

}


/*内页*/
.content:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.content{zoom:1;margin-top: 56px;margin-bottom: 56px;} 

.con_l{width: 24%;float: left;}
.con_r{width: 76%;padding-left: 16px;float:right;}
.tit02{margin-bottom: 4px;}
.tit02 h3{font-size: 30px;text-transform: uppercase;line-height: 58px;color: #fff;background:#f3b119;}
.tit02 h3 span{float: left;display: block;line-height: 58px;color: #fff;margin-left: 8.7%;margin-right: 8.7%;font-size: 26px;top: 0;}
.dropmenu ul li{margin-bottom: 3px;}
.dropmenu ul li a{display: block;width: 100%;background: #ebebeb;color: #12161a;padding-left: 18.5%;}
.dropmenu ul li a span{display: block;width: 100%;padding-left:17.5%; line-height: 58px;font-size: 14px;text-transform: uppercase; background: url(../images/lefticon.png)no-repeat left center;}
.dropmenu ul li a:hover{background: #F3B119;color: #fff;}
.dropmenu ul li a:hover span{color: #ffffff;background: url(../images/leftbtn_h.png)no-repeat left center;}

.con_l_lx {margin-top: 25px;}
.con_l_lx img{margin-bottom: 5px;}
.con_l_lx h4{font-size: 18px;color: #000000;padding: 0 20px;line-height: 34px;}
.con_l_lx p{font-size: 16px;/*color: #b3b3b2;*/padding: 0 20px;line-height: 34px;}

.indexes{width: 100%;overflow: hidden;zoom: 1;padding-top: 3px;padding-bottom: 3px; background: url(../images/indexes.png)repeat-x bottom;}
.indexes h3{font-size: 16px;color:#101010;line-height: 52px;text-transform: uppercase;}
.indexes p{font-size: 14px;color: #6b6b6b;line-height: 52px;text-transform: capitalize;}

.services{margin-top: 10px;}
.services p{font-size: 16px;line-height: 28px;color:#121212;text-align: justify;}

.contact{margin-top: 10px;}
.contact h5.tit{font-size: 16px;margin: 15px 0;}
.contact .mapbox{margin: 15px 0;}
/*.contact .mapbox img{max-width: 100%;}*/
.contact_t p{font-size: 16px;line-height: 34px;color: #030303;}

.resources{margin-top: 10px;}
.resources p{font-size: 16px;line-height: 28px;color:#121212;text-align: justify;}
.resources a{display: block;margin: 0 auto; line-height: 26px;width: 84px;text-align: center;font-size: 16px;color:#282828;border: 1px solid #f3b119;

}
.resources a:hover{background: #F3B119;color: #fff;}

.media{margin-top: 35px;}
.media_t{width: 100%;}
.media_t .media_tit {padding-bottom: 5px;border-bottom: 1px solid #dfdfdf;}
.media_t .media_tit h3{font-size: 24px;line-height: 31px;color: #12161a;}
.media_t .media_tit h4{font-size: 20px;font-weight:bold;line-height: 31px;color: #12161a;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.media_txt{border-top: 1px solid #e8e8e8;font-size: 18px;line-height: 30px;height: 90px;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.media_txt p{ color: #12161a;}
.media_txt p span{color: #f3b119;}
.media ul li{margin-bottom: 45px;}
.media ul li a:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.media ul li a{display: block;width: 100%;zoom: 1;padding-left:268px;position: relative;}
.media ul li a .media_p{width: 258px;height: 158px;overflow: hidden; position: absolute;top: 0;left: 0;}
.media ul li a .media_p 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 */
}
.media ul li a:hover .media_t .media_tit h3{color: #F3B119;}
.media ul li a:hover .media_t .media_tit h4{color: #F3B119;}
.media ul li a:hover .media_txt p{color: #F3B119;}
.media ul li a:hover .media_p 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 */
}

.media-x {margin-top: 10px;}
.media-x h4.tt{font-size: 20px;line-height: 30px; font-weight: bold;}
.media-x .media-x-p{width: 100%;margin: 15px 0;}
.media-x .media-x-p img{max-width: 100%;}
.media-x .media-x-t p{font-size: 16px;line-height: 28px;}

/*product*/

.product:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.product{zoom:1;padding-top: 25px;} 
.product ul li{padding: 0 10px;margin-bottom: 20px;}
.product ul li a{display: block;width: 100%;border: 1px solid #ddd;}
.product ul li a .probox{padding: 1px;border: 1px solid #ddd;}
.product ul li a .propic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.product ul li a .propic:before{content: ""; padding-top: 83.6%; display: block;}
.product ul li a .propic span{position: absolute;display: block;width: 100%;height: 100%;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 */
}
.product ul li a .protxt p{font-size: 14px;line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.product ul li a:hover{border-color: #F2A900;}
.product ul li a:hover .probox{border-color: #F2A900;}
.product ul li a:hover .protxt p{color: #F2A900;}
.product ul li a:hover .propic span{
transform:scale(1.05);
-ms-transform:cale(1.05); 	/* IE 9 */
-moz-transform:cale(1.05); 	/* Firefox */
-webkit-transform:cale(1.05); /* Safari 和 Chrome */
-o-transform:cale(1.05); 	/* Opera */
}
.pro-x{padding: 25px 0;}
.pro-x-pic{width: 100%;text-align: center;}
.pro-x img{max-width: 100%;}
.pro-x-t{line-height: 36px;font-size: 16px;}
@media only screen and (max-width:1199px ) {
	.tit02 h3 span{margin-left: 5%;margin-right: 5%;}
	.tit02 h3{font-size: 26px;}
}
@media only screen and (max-width:991px ) {
	.tit02 h3{font-size: 20px;}
}
@media only screen and (min-width:768px ) {
	.dropmenu{display: block !important;}
}
@media only screen and (max-width:767px ) {
	.con_l{width: 100%;}
	.con_r{width: 100%;padding: 0;}
	.tit02 h3 {position: relative;padding-left: 10px;line-height: 46px;}
	.tit02 h3 span.dropbtn{float: right;display: block;width: 40px;line-height: 40px;text-align: center;position: absolute;margin: 0; right: 0;top: 50%;margin-top: -20px;}
	.dropmenu{text-align: center;padding: 0;}
	.dropmenu ul li a{padding: 0;}
	.dropmenu ul li a span{padding: 0;background: none;line-height: 40px;}
	.con_l_lx {display: none;}
	.indexes{display: none;}
	
	.media ul li a{padding-left: 168px;}
	.media ul li a .media_p{width: 158px;}
	
	.media_t .media_tit h3{font-size: 22px;}
	.media_t .media_tit h4{font-size: 18px;}
	.media_txt{font-size: 16px;}
	
	.product ul li a .protxt p{line-height: 32px;}
	
}


div.page {
    margin: 10px 3px;
    padding: 3px;
    text-align: center;
}

div.page a {
    background-position: 50% bottom;
    border-color: #dedfde;
    border-style: solid;
    border-width: 1px;
    color:black;
    margin-right: 3px;
    padding: 2px 6px;
    text-decoration: none;
}


div.page span.disabled {
    color: #adaaad;
    margin-right: 3px;
    padding: 2px 6px;
}

div.page span.current {
    color: #eb5914;
    font-weight: bold;
    margin-right: 3px;
    padding: 2px 6px;
}