@import url(../css/anim.css);

@import url(../css/proscrol.css);

@import url(../css/lrtk3.css);

/*

 1.全式

*/

*{margin:0;padding:0;border:0;}

body{ font-size:12px; font-family:Arial,微软雅黑,Helvetica,Tahoma,sans-serif !important;color:#333333;text-align:center; /*overflow-x:hidden; */ background-color:#fff; min-width:1200px;}

a{text-decoration:none;color:#333333;}

a:hover,a:active{/*text-decoration:underline;*/color:#0086c1;}

image{ vertical-align:middle;}

ul,li{ list-style:none;}

em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}

var{font-style:normal;}

input,select,img{vertical-align:middle;}

.wrap{clear:both;width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}

.wrap2{clear:both;width:1200px;margin:0 auto;text-align:left;zoom:1;}

.wrap3{clear:both;width:1240px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}

.wrap4{clear:both;width:1000px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}

.clear{clear:both; zoom:1;}

.divhidden{ display:none;}

.l{ float:left;}

.r{float:right;}

.m_t{ margin-top:9px;}

.m_t17{ margin-top:17px;}

.m_t20{ margin-top:20px;}

.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}

.margin_top{ margin-top:-500px;}



/*

 1.头部

*/

.b_center{ margin:0 auto; }

.i_blank{ height:149px; font-size:0; overflow:hidden;}

.top_bg{ width:100%; text-align:center; background:#ffffff;/*height:149px;*/position:fixed; top:0; left:0; z-index:99;transition:all 0.3s;/* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);*/ }

.tpos .top_bg{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}

.top_one{ height:99px; background:url(../images/top_bg1.jpg) center top repeat-x; transition:all 0.3s;}

.tpos .top_one{ height:0; overflow:hidden;}

.logo_l{  float:left; display:inline;}

.logo_l img{ height:99px;transition:all 0.3s;}

/*.tpos .logo_l img{ height:104px;}*/

.logo_l:hover img{opacity:0.8;filter:Alpha(opacity=80);}

.top_r{  float:right; display:inline;}

.top_tel{ float:right;background:url(../images/top_pic1.png) left center no-repeat; height:46px; overflow:hidden;font-size:17px; color:#0b83fc; line-height:46px; padding-left:18px;}

.top_tel:hover{text-decoration:none;transition:all 0.3s;opacity:0.7;filter:Alpha(opacity=70);}

.top_r .search_con{ clear:both; float:right;width:254px; height:34px; z-index:100; overflow:hidden; background-color:#efefed;}

.top_r .search_con .input1{ height:34px; line-height:34px; border:0;border-radius: 6px; background:none;  padding-left:12px; padding-right:10px; width:190px; float:left; outline:none; font-size:12px; color:#b2b2b2;}

.top_r .search_con .bnts{ float:left; width:42px; height:34px; background:url(../images/top_bg2.png) center center no-repeat; outline:none; cursor:pointer;}

.top_r .search_con .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}

.top_language{ float:right;margin-top:20px;width:98px; position:relative; height:26px; text-align:left;}

.top_language label{ display:block; width:89px;height:26px; line-height:26px; font-size:14px; color:#464646; background:url(../images/top_bg3.png) right center no-repeat;transition:all 0.3s; text-transform:uppercase;text-indent:12px;}

.top_language ul{width: calc(100% - 2px); display:block;position:absolute; top:26px; left:0; border:1px solid #ccc; background:#fff; z-index:999; display:none;}

.top_language:hover ul{ display:block;}

.top_language ul li{line-height: 35px; height:35px; overflow:hidden; display:block; border: 1px solid transparent; cursor: pointer; font-size:14px;}

.top_language ul li a{ display:block;width: 100%;display: inline-block;color: #323232; text-indent:12px;}

.top_language ul li a:hover{background: #f4f4f4; color: #000;}

.top_language ul li.current a{background: #f4f4f4; color: #000;}

.top_fx{ clear:both; float:right; line-height:20px; margin-top:30px;}

.top_fx ul li{ display:inline-block; vertical-align:top; width:30px; height:30px; margin-left:8px;}

.top_fx ul li:first-child{ margin-left:0;}

.top_fx ul li a{ display:block; width:100%; height:100%;transition:all 0.3s; margin:0;}

.top_fx ul li a:hover{margin-left:0px; transition:all 0.3s;filter: Alpha(Opacity=60);opacity: 0.6;}

.top_fx ul li.weixin a{ background:url(../images/foot_ico6.png) no-repeat;}

.top_fx ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0;background:url(../images/foot_ico6_on.png) no-repeat;}

.top_fx ul li.weixin .wem1{width: 203px; display: none;text-align: center;height: 193px; position: absolute; margin-left:-102px;margin-top: -200px; background-image: url(../img/ewm2.png);background-repeat: no-repeat; z-index:99;}

.top_fx ul li.weixin .wem1 img{ width:151px; height:151px; margin-top:22px; margin-right:2px;}

.top_fx ul li.weixin a:hover .wem1{ display:block;}

.top_fx ul li.a a{ background:url(../images/top_pic1.png) no-repeat;}

/*.top_fx ul li.a a:hover{background:url(../images/foot_ico1_on.png) no-repeat;}*/

.top_fx ul li.b a{ background:url(../images/top_pic2.png) no-repeat;}

/*.top_fx ul li.b a:hover{background:url(../images/foot_ico2_on.png) no-repeat;}*/

.top_fx ul li.c a{ background:url(../images/top_pic3.png) no-repeat;}

/*.top_fx ul li.c a:hover{background:url(../images/foot_ico3_on.png) no-repeat;}*/

.top_fx ul li.d a{ background:url(../images/top_pic4.png) no-repeat;}

/*.top_fx ul li.d a:hover{background:url(../images/foot_ico4_on.png) no-repeat;}*/





 

.menu {width:100%; max-width:1200px;}

.nav_bg{}

.nav{clear:both; font-family:"微软雅黑"; margin-top:4px;}

.nav li.m{ float:left; text-align:center; /*margin-left:37px; */ position:relative;background: url(../images/top_bg4.png) right center no-repeat;}



.nav h3 a{ height:50px;line-height:50px;display:block; font-size:16px; padding-right:51px; padding-left:50px;font-weight:300; color:#333; text-decoration:none;  transition:all 0.3s; overflow:hidden; /*background-position:right center;*/}

.tpos .nav h3 a{ height:50px; line-height:50px; text-transform:capitalize;}

.nav h3 a span{ display:block;position:relative;transition: all 0.3s;height:50px;}

.tpos .nav h3 a span{ height:50px;}

.nav h3 a span:after{content:attr(data-title);position:absolute;/*color:#fff;*/left:0;transform:translateY(100%);width:100%;top:0;}

.nav h3{ font-weight:normal;}

/*.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0px;height: 3px;opacity: 0;background-color: #d1a909;-webkit-transition: all .5s;

-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav li h3 a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/

.nav a:hover{color:#0086c1;}

.nav li.on h3 a{ color:#0086c1; /*background:url(../images/top_bg4.png) 20px center no-repeat;*/}

.nav a:hover span{transform:translateY(-100%);}

/*.nav li.on h3 a:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/







.tpos .nav .sub{ top:50px;}

.nav .sub{ display:none; /*默认隐藏*/ width:100%;  padding:0;background:rgba(55, 45, 63, 0.5); position:absolute; top:50px; left:0px;  z-index:110; padding-top:5px; padding-bottom:5px; /*border-top:2px solid #ededed; */ /*border-bottom:1px solid #e6e6e6;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);*/}

.nav .sub dl{width:100%; margin:0 auto; text-align:center;}

.nav .sub dd{ list-style:none; text-decoration:none;}

.nav .sub dd a{ height:40px; line-height:40px; display:block; color:#fff;font-size:12px; /* width:147px;*/ }

.nav .sub dd a:hover{ color:#fff; text-decoration:none; background-color:#0086c1;}

.nav .sub dd .top_img{ float:left; margin-left:40px; width:270px; overflow:hidden;}

.nav .sub dd .top_img img{ width:100%; height:180px; margin-bottom:4px;}

.nav .sub dd .top_img h2{ font-size:14px; color:#333333; font-weight:normal; height:22px; line-height:22px; overflow:hidden; margin-bottom:3px;}

.nav .sub dd .top_img p{ line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#8f8f8f;}

.nav .sub dd .top_img a:hover h2{ color:#f4ae17}

.nav .sub dd .top_img a:hover img{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}





/*微信弹窗*/

#hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;}

#hiddenimg{opacity:1  ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;}

#hiddenimg img{ width:90%;max-width:300px; margin:0 auto; }

#hiddenimg2{text-align: center;}

.weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;}







/* Callback example */

.callbacks_container{position:relative;width:100%;max-width:100%;text-align:center; }

.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0; /*border-bottom:1px solid #999999;*/}

.callbacks li{position:absolute;width:100%;left:0;top:0;}

.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}

.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}

.callbacks_nav{position:absolute;top:39%;left:100px;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:100px;width:50px;/*background:transparent url("../images/left2.png") no-repeat left top;*/}

.callbacks_container:hover .callbacks_nav{display:block;}

.callbacks_nav:active{}

.callbacks_nav.next{left:auto;right:100px;/*background:transparent url("../images/right.png") no-repeat 0px top;*/}

.rslides{

	position:relative;

	list-style:none;

	overflow:hidden;

	width:100%;

	padding:0;

	margin:0;

}

.rslides li{

	-webkit-backface-visibility:hidden;

	position:absolute;

	display:none;

	width:100%;

	left:0;

	top:0;

}

.rslides li:first-child{

	position:relative;

	display:block;

	float:left;

}

.rslides img{

	display:block;

	height:auto;

	float:left;

	width:100%;

	border:0;

}

.banner_content{ width:1140px; height:456px;/* background:url(../images/banner_bg.png) repeat-x;*/ position: relative; z-index: 120;  font:300 14px "宋体"; color:#FFF; }

.banner_content a{ display:block; width:100%; height:100%;}

.b_center{ margin:0 auto; text-align:center;}



.callbacks_tabs.callbacks1_tabs{margin-top:-35px; position:relative;z-index:9; margin-bottom:17px; display:;}

.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:12px;height:12px;margin-right:9px; margin-left:9px;/*border:1px solid #FFF;*/position:relative;}

.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:12px;height:12px;border-radius:50%;/*position:absolute;*/ left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent; background-color:#372d3f;}

.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background-color:#0086c1;}



/*首頁*/

.i_one_t{ background:#0086c1;line-height:57px; overflow:hidden; text-align:center; color:#fff;}

.i_one_t h2{ color:#fff; font-size:25px; font-weight:normal;}

.i_two{ padding-top:39px; overflow:hidden; padding-bottom:50px;}

.i_bg{ background:#f3f3f3; padding-top:11px; overflow:hidden; padding-bottom:37px;}

.i_one_t2{height:59px; border-bottom:1px solid #e2e2e2; overflow:hidden;}

.i_one_t2 h2{ color:#333333; font-size:25px; float:left; font-weight:normal; line-height:55px; height:59px; overflow:hidden; text-transform:capitalize;background:url(../images/i_bg1.jpg) left bottom no-repeat;}

.i_one_t2 .imore{float:right;background:url(../images/i_pic1.png) no-repeat; width:30px; height:30px; margin-top:19px;transition:all 0.3s;}

.i_one_t2 .imore:hover{opacity:0.8;filter:Alpha(opacity=80);}

.i_one{ overflow:hidden;}

.i_one .i_one_l{ float:left; width:580px; overflow:hidden;}

.i_one .i_one_l .i_one_box{ margin-top:31px; overflow:hidden; line-height:24px; color:#333333; font-size:14px;}

.i_one .i_one_l .i_one_box .imgs{ overflow:hidden; margin-bottom:25px;}

.i_one .i_one_l .i_one_box img{ height:195px; 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;}

.i_one .i_one_l .i_one_box: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);}

.i_one .i_one_r{ float:right; width:580px; overflow:hidden;}









/*尾部*/

.f_bg{overflow:hidden; background:#2e2e2e;  color:#fff; font-size:12px; clear:both; text-align:left;}

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

.f_bg a{color:#fff; text-decoration:none;}

.f_bg a:hover{ color:#0086c1;}

.f_bg .links{ min-width:160px; float:left;  margin-right:20px; overflow:hidden;  margin-top:19px; }

.f_bg .links.w1{width:180px;}

.f_bg .links.w2{width:180px;}

.f_bg .links.w3{width:180px;}

.f_bg .links h2{ font-size:16px; color:#fff; line-height:54px; height:54px; font-weight:normal; text-transform:capitalize;}

.f_bg .links ul li{ display:block; height:23px; line-height:23px; overflow:hidden; font-size:12px;}

.f_bg .links ul li a{transition:all 0.3s; padding-right:5px; color:#bebebe;}

.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0;color:#0086c1;}



.f_bg .f_div2_r{ float:right; width:308px;  overflow:hidden;color:#bebebe; font-size:12px;margin-top: 18px;}

.f_bg .f_div2_r h2{ font-size:16px; color:#fff; line-height:54px; height:54px; font-weight:normal; text-transform:capitalize;}

.f_bg .f_div2_r ul li{ line-height:28px; display:block; padding-left:22px; font-size:12px; color:#bfbfbf;}

.f_bg .f_div2_r ul li a{ color:#bfbfbf;}

.f_bg .f_div2_r ul li a:hover{ color:#0086c1}

.f_bg .f_div2_r ul li.bgs1{background:url(../images/foot_pic1.png) left center no-repeat;}

.f_bg .f_div2_r ul li.bgs2{background:url(../images/foot_pic2.png) left center no-repeat;}

.f_bg .f_div2_r ul li.bgs3{background:url(../images/foot_pic3.png) left center no-repeat;}

.f_bg .f_div2_r ul li.bgs4{background:url(../images/foot_pic4.png) left 5px no-repeat; line-height:19px;}



.f_div3{ clear:both; margin-top:27px; line-height:40px; background:#000000; overflow:hidden; color:#b8b8b8; font-size:12px;  text-align:center;}

.f_div3 a{ color:#b8b8b8; }

.f_div3 .foot_map{ color:#fff;}

.f_div3 .foot_map a{ color:#fff; text-transform:uppercase;}

.f_div3 .foot_map a:hover{color:#0086c1;}



.gotop{ position:fixed; bottom:10%; right:1%; width:58px; height:57px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;

-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;

-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;

}

.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}












/*二級頁面*/

.position{ height:50px; line-height:50px; border-bottom:1px solid #ebebeb; overflow:hidden; color:#666666; font-size:14px; background:url(../images/product_bg5.png) left center no-repeat; padding-left:21px;}

.position a{ color:#666666;  text-decoration:none;}

.position a:hover{color:#0086c1;}

.position label{}

.o_big{ overflow:hidden; clear:both;}

.o_big img{ width:100%; display:block;}



/*产品列表*/

.about_l{ float: left;width:270px;  margin-top: 60px; margin-bottom: 35px; }

.about_l .about_l_titile{ overflow: hidden;background:url(../images/product_bg1.jpg) repeat-x; color:#0086c1; height:54px; text-transform:capitalize;}

.about_l .about_l_titile h2{ font-weight:bold; font-size:20px;  line-height:58px; padding-left:20px; letter-spacing:0.5px;}

.about_l .service_b{overflow: hidden; border:1px solid #eaeaea; border-top:0;}

.about_l .service_b a{ height:50px; line-height:50px; border-bottom:1px solid #eaeaea; display:block;font-size:14px; color:#606060; padding-left:32px; background:url(../images/product_bg4.png) 19px center no-repeat; text-align:left;}

.about_l .service_b a:hover{ color:#0086c1;background:url(../images/product_bg4.png) 19px center no-repeat;}

.about_l .service_b a.ssel{color:#0086c1;background:url(../images/product_bg4.png) 19px center no-repeat; }



.about_l .i_left_ul2{ overflow:hidden;}

.about_l .i_left_ul2 li h2{ font-weight:normal; overflow:hidden;padding-right:35px;  height:42px; line-height:42px;font-size:16px; color:#333333;padding-left:20px; cursor:pointer;border:1px solid #eaeaea;background:url(../images/product_bg2.png) #f7f7f7 322px center no-repeat;}

.about_l .i_left_ul2 li h2 a{color:#333333; text-decoration:none; display:block;}

.about_l .i_left_ul2 li h2 a:hover{ color:#0086c1;}

.about_l .i_left_ul2 li h2 a.left_sel{ color:#0086c1;}

.about_l .i_left_ul2 li h2.left_sel a{ color:#0086c1;}

.about_l .i_left_ul2 li h1{ font-weight:normal; overflow:hidden;}

.about_l .i_left_ul2 li{display:block; width:100%;}

.about_l .i_left_ul2 li h1{padding-right:35px;  height:42px; line-height:42px; background:url(../images/product_bg2.png) #f7f7f7 322px center no-repeat;  font-size:16px; color:#333333;padding-left:20px; cursor:pointer;border:1px solid #eaeaea; font-weight:normal;}

.about_l .i_left_ul2 li h1 a{ color:#333333; text-decoration:none;}

.about_l .i_left_ul2 li h1.left_sel{ color:#0086c1;background:url(../images/product_bg3.png) 319px center no-repeat;}

.about_l .i_left_ul2 li h1.left_sel a{ color:#0086c1;}

/*.about_l .i_left_ul2 li:last-child h2{ border-bottom:none;}

.about_l .i_left_ul2 li:last-child h1{ border-bottom:none;}*/

.about_l .i_left_ul2 li div{ padding-left:33px; margin-top:3px; font-size:14px;display:none; padding-bottom:3px;}

.about_l .i_left_ul2 li div dl{ width:290px; overflow:hidden;}

.about_l .i_left_ul2 li div dl span{ padding-left:17px; padding-right:10px; overflow:hidden; display:block;height:36px; line-height:36px;font-size:14px;background:url(../images/product_bg4.png) left center no-repeat; cursor:pointer;}

.about_l .i_left_ul2 li div dl span a{ color:#666666; text-decoration:none; display:block;}

.about_l .i_left_ul2 li div dl span a:hover{color:#0086c1;}

.about_l .i_left_ul2 li div dl span.left_sel{/*background:url(../images/pro_bg4.png) left center no-repeat; */color:#0b83fc;}

.about_l .i_left_ul2 li div dl span.left_sel a{color:#0086c1;}

/*.about_l .i_left_ul2 li div dl p{ margin-left:7px; overflow:hidden; display:none;}

.about_l .i_left_ul2 li div dl p a{ display:block; height:24px; line-height:24px; text-decoration:none; overflow:hidden;}

.about_l .i_left_ul2 li div dl p a.left_sel{color:#3d5ac1;}*/



.about_r{ float: right;width:880px; margin-top:43px; margin-bottom: 25px; overflow:hidden;}

.news_con{ overflow:hidden; }

.news_con ul li{overflow:hidden; margin-bottom:20px; display:block;transition:all 0.3s; border:1px solid #ebebeb; padding:19px; padding-top:18px; padding-bottom:18px;}

.news_con ul li .imgs{ width:246px;float:left; display:inline; overflow:hidden; /*border:1px solid #f2f4f8;*/}

.news_con ul li .imgs img{width:100%; height:150px;-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;}

.news_con ul li:hover .imgs img{-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);}

.news_con ul li .i_about_r{ float:right; display:inline; width:492px; overflow:hidden; }

.news_con ul li .i_about_r h3{ line-height:36px; height:36px; overflow:hidden; font-size:16px; color:#333333; font-weight:normal; margin-top:10px; margin-bottom:5px;}

.news_con ul li .i_about_r .p{ height:60px; overflow:hidden; font-size:12px; color:#6e6e6e; margin-top:8px; line-height:20px;}

.news_con ul li .i_about_r .news_more{ transition:all 0.3s; margin-top:13px; padding-left:14px; padding-right:32px;float:right; height:26px; line-height:26px; color:#909090; font-size:12px; text-transform:uppercase;background:url(../images/product_bg6.png) right center no-repeat; border:1px solid #d1d1d1; border-radius:20px; }

.news_con ul li:hover .i_about_r .news_more{ color:#0086c1;border:1px solid #0086c1;}

.news_con ul li:hover .i_about_r h3{ color:#0086c1;}

.news_con ul li:hover{border:1px solid #0086c1;}



/*产品详细*/

.product_one{overflow:hidden; margin-bottom:40px; margin-top:29px; /*border:1px solid #f2f4f8;*/}

.product_one img{ display:block;-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;}

.product_one img:hover{-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);}

.product_t{height:31px; overflow:hidden; background:url(../images/product_bg7.jpg) left bottom repeat-x;}

.product_t .h2{ float:left;height:31px; line-height:30px; background-color:#372d3f; color:#fff; padding-left:20px;padding-right:20px; font-size:14px; font-weight:normal;}

.product_t .h2.isel{background-color:#0086c1;}

.product_t .a{float:right;height:31px; line-height:30px; background-color:#372d3f; color:#fff; padding-left:20px;padding-right:20px; font-size:14px;}

.product_t .a.isel{background-color:#0086c1;}

.product_t .a:hover{ background-color:#0086c1; color:#fff;}

.pro_show{ font-size:14px; color:#333; line-height:22px; padding-top:25px; padding-bottom:40px; overflow:hidden;/*border:1px solid #dde0e4; border-top:0;*/ padding-left:30px; padding-right:18px; }

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

.pro_show .f16{ font-size:16px; margin-bottom:11px; display:block;}

.pro_show .ul li{ line-height:24px; color:#616161; margin-left:22px; display:block; padding-left:15px;background:url(../images/product_bg8.png) left 7px no-repeat; margin-top:25px;}

.prenext{ margin-bottom:5px;font-size:14px; line-height:30px;margin-top:20px; color:#6e6e6e;}

.prenext.bor{border-top:1px solid #ccc; padding-top:10px;}

.prenext a{ color:#6e6e6e;}

.prenext a:hover{ color:#0086c1; text-decoration:none;}

.pro_show .pro_hidden{ display:none;}



/*新闻详细*/

.about_x{margin-top:23px;overflow:hidden; line-height:24px;font-size:14px; color:#545454; margin-bottom:20px;}

.about_x .ul2{ overflow:hidden; margin-bottom:10px;}

.about_x .ul2 li{ float:left; width:204px; height:143px; margin-right:8px; margin-bottom:8px; overflow:hidden;}

.about_x .ul2 li img{ display:block; width:100%; height: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;}

.about_x .ul2 li:hover 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);}

.about_x .ul2 li:first-child{ width:376px; height:294px;}

.about_x .ul2 li:nth-child(3){ margin-right:0;}

.about_x .ul2 li:nth-child(5){ margin-right:0;}

.about_x .yellow{ color:#b69960; font-size:18px; line-height:36px; display:block; margin-bottom:3px;}

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

.about_x .h2{ font-size:22px; color:#1e1e1e; font-weight:normal; line-height:56px; text-align:center;}

.about_x .show_t{ line-height:36px; font-size:24px; color:#333; text-align:center; margin-bottom:15px; margin-top:15px; font-weight:normal;}

.about_x .con_line{height:40px; line-height:40px;font-size:12px; color:#999999;border-bottom:1px dashed #cccccc; text-align:center; }

.about_x .con_id{ line-height:24px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:13px;text-align:left;padding-bottom:40px;}

.about_x table{border-collapse:collapse;border-spacing:0;}

.about_x table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}





.goback{ float:right; height:26px; line-height:26px; text-align:right; padding-left:23px;background:url(../images/goback.png) left center no-repeat; font-size:14px; color:#333333; margin-top:8px;/* border-bottom:1px solid #a6a6a6;*/}

.fenxiang{ height:30px; overflow:hidden;}

.fenxiang .span{ float:right; font-size:14px; line-height:34px;}



/*发展历程*/

.history_t{ text-align:center; font-size:22px; color:##757575; overflow:hidden; margin-top:40px; margin-bottom:20px; line-height:36px;}

#n_dsj  { margin-bottom:50px; background:url(../images/bg_dsj.png) center top repeat-y;}

#n_dsj  dl{ margin-top:-3px; position:relative; display:block; /* background:url(../images/bg_dsj_first.png) center top no-repeat;*/}

#n_dsj  dd{ display:block; width:100%;  height:175px; position:relative; }

#n_dsj dd .pic_box{ position:absolute;  top:0; left:10px;transition:all 0.3s;}

#n_dsj dd .pic_box img{ width: 190px;/* height: 100px;*/ box-shadow: 1.5px 2.598px 3px 0px #ccc; display:block; border:1px solid rgb( 231, 233, 235 );}

#n_dsj dd .text_box { width:350px; position:absolute; right:0;  top:0;}

#n_dsj dd .text_box .box{ position:relative;}

#n_dsj dd .text_box h1{position:absolute;  top:0;  left: -227px; display:block;  }

#n_dsj dd .text_box h1 strong{ font-weight:normal; font-size:24px;color:#f48000;}

#n_dsj dd .text_box p{ padding-top:2px; text-align:left; height:100px; overflow:hidden; font-size:15px; line-height:30px; color:#555555;}

#n_dsj dd.left_box{background:url(../images/bg_dsj_li_right.png) 386px  5px no-repeat;}

#n_dsj dd.left_box .box{   text-align:right;}

#n_dsj dd.right_box{background:url(../images/bg_dsj_li_left.png) 360px 5px no-repeat;}

#n_dsj dd.right_box .box{  text-align:left;}

#n_dsj dd.right_box .pic_box{ left:auto; right:10px;}

#n_dsj dd.right_box .text_box{ right:auto; left:0;}

#n_dsj dd.right_box .text_box h1{ left:auto; right:-227px;}

#n_dsj dd .text_box h1 strong{ position:relative; display: inline-block;}

#n_dsj dd .text_box h1 strong::before {position: absolute;top: 0;left: 0;overflow: hidden;max-width: 0;color: #004785;content: attr(data-hover);-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;}

#n_dsj dd:hover .text_box h1 strong::before,#n_dsj dd:focus .text_box h1 strong::before {max-width: 100%;}

#n_dsj dd:hover .pic_box{ top:10px;}

#n_dsj dd.right_box .text_box p{ text-align:right;}

#n_dsj dd.first{ padding-top:110px; background:url(../images/bg_dsj_li_right.png) 386px 115px no-repeat;}

#n_dsj dd.first .pic_box{ top:110px;}

#n_dsj dd.first:hover .pic_box{ top:120px;}

#n_dsj dd.first .text_box{ top:110px;}

#n_dsj dt{ display:block; height:50px;  /*background:url(../images/bg_dsj_last.png) center top no-repeat !important; */}



/*荣誉资质*/

.gallery{ overflow:hidden;margin-top:20px;}

.gallery ul{list-style-type:none; }

.gallery li{float:left; margin-right:2%;position:relative; width:31.6%; padding-bottom:15px; border:1px solid #dcdcdc; margin-bottom:2%; overflow:hidden; text-align:center;/*width:-webkit-calc(32% - 2px);   width:-moz-calc(32% - 2px);   width:calc(32% - 2px); */ }

.gallery li a{ text-decoration:none;}

.gallery li .imgs{height:319px;width:100%; overflow:hidden;vertical-align:middle; display:table-cell;}

.gallery li .imgs img{max-height:319px;width:100%;  vertical-align:middle;display:inline-block;-webkit-transition: all 0.8s ease-out;

-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;

transition: all 0.8s ease-out;}

.gallery li h2{font-weight:normal; font-size:14px;height:28px; line-height:28px; overflow:hidden; color:#919191; }

.gallery li:Hover{ border:1px solid #0086c1;}

.gallery li:Hover h2{ color:#0086c1;}

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

.gallery li:Hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}



#zoom {

	z-index: 99990;

	position: fixed;

	top: 0;

	left: 0;

	display: none;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.8);

	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

#zoom .content {

	z-index: 99991;

	position: absolute;

	top: 50%;

	left: 50%;

	width: 200px;

	height: 200px;

	background: #ffffff no-repeat 50% 50%;

	padding: 0;

	margin: -100px 0 0 -100px;

	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);

	border-radius: 4px;

}

#zoom .content.loading {

	background-image: url('../img/loading.gif');

}

#zoom img {

	display: block;

	max-width: none;

	background: #ececec;

	box-shadow: 0 1px 3px rgba(0,0,0,0.25);



}

#zoom .close {

	z-index: 99993;

	position: absolute;

	top: 0;

	right: 0;

	width: 49px;

	height: 49px;

	cursor: pointer;

	background: transparent url('../icons/close.png') no-repeat 50% 50%;

	opacity: 1;

	filter: alpha(opacity=100);

	border-radius: 0 0 0 4px;

}

#zoom .previous,

#zoom .next {

	z-index: 99992;

	position: absolute;

	top: 50%;

	overflow: hidden;

	display: block;

	width: 49px;

	height: 49px;

	margin-top: -25px;

}

#zoom .previous {

	left: 0;

	background: url('../icons/arrows.png') no-repeat 0 0;

	border-radius: 0 4px 4px 0;

}

#zoom .next {

	right: 0;

	background: url('../icons/arrows.png') no-repeat 100% 0;

	border-radius: 4px 0 0 4px;

}

#zoom .close:hover {

	background-color: #da4f49;

}

#zoom .previous:hover,

#zoom .next:hover {

	background-color: #0088cc;

}

/*工厂风采*/

.partner{ overflow:hidden;margin-top:20px;}

.partner ul{list-style-type:none; }

.partner li{float:left; margin-right:2%;position:relative; width:32%; margin-bottom:2%; overflow:hidden; text-align:center;}

.partner li a{ text-decoration:none;}

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

.partner li .imgs img{height:173px;width:100%;  vertical-align:middle;display:inline-block;-webkit-transition: all 0.8s ease-out;

-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;

transition: all 0.8s ease-out;}

.partner li h2{font-weight:normal; font-size:15px;height:38px; line-height:38px; overflow:hidden; color:#494949; }

.partner li:Hover h2{ color:#0086c1;}

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

.partner li:Hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}



/*新闻列表*/

.news_con2{ overflow:hidden; margin-top:28px;  }

.news_con2 ul li{overflow:hidden; margin-bottom:25px; display:block;transition:all 0.3s;}

.news_con2 ul li .imgs{ width:264px;float:left; display:inline; overflow:hidden;}

.news_con2 ul li .imgs img{width:100%; height:163px;-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;}

.news_con2 ul li:hover .imgs img{-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);}

.news_con2 ul li .i_about_r{ float:right; display:inline; width:500px; padding-right:20px; overflow:hidden; }

.news_con2 ul li .i_about_r h3{ line-height:20px; height:20px; overflow:hidden; font-size:14px; color:#343535; font-weight:normal; margin-top:20px; margin-bottom:4px;}

.news_con2 ul li .i_about_r em{ font-size:12px; color:#b2b1b1; overflow:hidden;  height:14px; line-height:14px; display:block;}

.news_con2 ul li .i_about_r .p{ height:44px; overflow:hidden; font-size:13px; color:#888988; margin-top:8px; line-height:22px;}

.news_con2 ul li .i_about_r .news_more{ transition:all 0.3s; margin-top:15px; width:89px; float:left; height:24px; line-height:24px; color:#666; font-size:12px; text-indent:10px; border:1px solid #ccc;}

.news_con2 ul li:hover .i_about_r .news_more{ color:#0086c1;border:1px solid #0086c1;}

.news_con2 ul li:hover .i_about_r h3{ color:#0086c1;}

.news_con2 ul li:hover{ background-color:#f5f5f5;}



/*support*/

.about_x .h3{font-size:22px; color:#0086c1; font-weight:normal; line-height:40px; margin-bottom:10px;}

.about_x .ul3{ margin-bottom:20px; overflow:hidden;}

.about_x .ul3 li{ line-height:32px; display:block; padding-left:22px;}

.about_x .ul3 li a{ color:#545454;}

.about_x .ul3 li a:hover{ color:#0086c1}

.about_x .ul3 li.bgs1{background:url(../images/support_pic2.png) left center no-repeat;}

.about_x .ul3 li.bgs2{background:url(../images/support_pic3.png) left center no-repeat;}

.about_x .ul3 li.bgs3{background:url(../images/support_pic2.png) left center no-repeat;}

.about_x .ul3 li.bgs4{background:url(../images/support_pic1.png) left 8px no-repeat;}

.message2{ margin-top:30px; overflow:hidden; font-size:12px;}

.message2 td{ height:24px; padding-right:5px;}

.message2 td .TextBox{ border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #aaa;border-top:1px solid #aaa; height:20px;font-size: 12px;font-family: Arial; color: #2f2f2f; outline:none;}

.message2 .bnts{width: 100px;margin-right: 30px; float:right;height:32px; line-height:32px;background: #fff; border: 1px solid #0086c1; padding-left:30px; padding-right:30px; outline:none; cursor:pointer; font-size:14px;}

.message2 .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}



/*人才招聘*/

.recruitmentList{width: 100%;height: auto;margin-bottom: 60px; overflow:hidden; margin-top:30px;}

.recruitmentList li{width: 100%;height: auto;float: left;border-bottom: solid 1px #e1e1e1;}

.recruitmentList li.on{border-bottom: none;}

.recruitmentList li .title{width: 100%;height: 40px;line-height: 40px;float: left;padding-top: 5px;font-size: 16px;color: #0086c1;cursor: pointer;background: url(../images/recruitmentListArrow1.gif) no-repeat right 11px top 33px;padding: 13px 0;}

.recruitmentList li.on .title{background: url(../images/recruitmentListArrow2.gif) no-repeat right 11px top 33px;padding-bottom: 0;}

.recruitmentList li .hiddenBox{width: 100%;height: auto;float: left;display: none;}

.recruitmentList li .hiddenBox .infobox{width: 100%;height: auto;float: left;background: url(../images/recruitmentList_infobox.gif) repeat-x left bottom;padding-bottom: 12px;}

.recruitmentList li .hiddenBox .infobox .text{width: 100%;height: auto;float: left;line-height: 20px;font-size: 12px;color: #989898;}

.recruitmentList li .hiddenBox .infobox .mail{width: 280px;height: auto;float: right;line-height: 20px;font-size: 12px;color: #023e76;text-align: right;}

.recruitmentList li .hiddenBox .infobox .mail a{color: #023e76;text-align: right;}

.recruitmentList li .hiddenBox .article{width: 100%;height: auto;line-height: 26px;float: left;font-size: 12px;color: #898989;padding: 16px 0;background: url(../images/recruitmentList_infobox.gif) repeat-x left bottom;}

.recruitmentList li .hiddenBox .article a{color: #023e76;}

.recruitmentList li .hiddenBox .article .jf20{ display:block; color:#414141; font-size:14px; font-weight:bold;}

/*.recruitmentList li .hiddenBox .article:last-child{ background:none;}*/



/*联系我们*/

.map_con{ overflow:hidden; margin-bottom:6%;border:#ccc solid 1px;}

.map_con #dituContent{width: 100%;height: 317px;float: left;}



/*site map*/

.map_div{ width:1200px; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:60px;}

.map_div .h2{ background-color:#F2F0EC; height:36px; line-height:36px; font-size:14px; padding-left:14px; color:#0086c1; margin-bottom:10px;}

.map_div .h2 a{color:#0086c1;}

.map_div .h2 a:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}

.sitemap_main {background: #FFFFFF;text-align: left;vertical-align: top;margin: 0px auto;padding: 0;clear: both;list-style: none;overflow: hidden; margin-bottom:20px;}

.sitemap_main dd{font-size: 12px;line-height: 31px;text-align: center;vertical-align: top;white-space: nowrap;display: block;margin: 6px;padding: 0px;float: left;height: 31px;width: 226px;

overflow: hidden;border: 1px dashed #dddddd;text-overflow:ellipsis;}

.sitemap_main dd a{ text-decoration:none; display:block; color:#333;}

.sitemap_main dd a:hover{ text-decoration:none; display:block; color:#0086c1;}

.map_b{ display:block; font-weight:bold; font-size:14px; padding-left:16px; margin-top:15px; margin-bottom:10px;}

.sitemap_main2 {background: #FFFFFF;text-align: left;vertical-align: top;margin: 0px auto;padding: 0;clear: both;list-style: none;overflow: hidden; margin-bottom:20px;}

.sitemap_main2 dd{font-size: 12px;line-height: 31px;text-align: center;vertical-align: top;white-space: nowrap;display: block;margin: 6px;padding: 0px;float: left;height: 31px;width: 286px;

overflow: hidden;border: 1px dashed #dddddd;text-overflow:ellipsis;}

.sitemap_main2 dd a{ text-decoration:none; display:block; color:#333;}

.sitemap_main2 dd a:hover{ text-decoration:none; display:block; color:#0086c1;}

.blank10{ height:10px; font-size:0; overflow:hidden; clear:both;}
.pagination {
				display: inline-block;
				padding-left: 0;
				margin: 20px 0;
				border-radius: 4px
			}
			
			.pagination>li {
				display: inline
			}
			
			.pagination>li>a,
			.pagination>li>span {
				position: relative;
				float: left;
				padding: 6px 12px;
				margin-left: -1px;
				line-height: 1.42857143;
				color: #337ab7;
				text-decoration: none;
				background-color: #fff;
				border: 1px solid #ddd
			}
			
			.pagination>li:first-child>a,
			.pagination>li:first-child>span {
				margin-left: 0;
				border-top-left-radius: 4px;
				border-bottom-left-radius: 4px
			}
			
			.pagination>li:last-child>a,
			.pagination>li:last-child>span {
				border-top-right-radius: 4px;
				border-bottom-right-radius: 4px
			}
			
			.pagination>li>a:focus,
			.pagination>li>a:hover,
			.pagination>li>span:focus,
			.pagination>li>span:hover {
				z-index: 2;
				color: #23527c;
				background-color: #eee;
				border-color: #ddd
			}
			
			.pagination>.active>a,
			.pagination>.active>a:focus,
			.pagination>.active>a:hover,
			.pagination>.active>span,
			.pagination>.active>span:focus,
			.pagination>.active>span:hover {
				z-index: 3;
				color: #fff;
				cursor: default;
				background-color: #337ab7;
				border-color: #337ab7
			}
			
			.pagination>.disabled>a,
			.pagination>.disabled>a:focus,
			.pagination>.disabled>a:hover,
			.pagination>.disabled>span,
			.pagination>.disabled>span:focus,
			.pagination>.disabled>span:hover {
				color: #777;
				cursor: not-allowed;
				background-color: #fff;
				border-color: #ddd
			}

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

.top_bg{ position:static;}

.i_blank{ height:0;}

}