@import url("anim.css");
@import url("lrtk3.css");
@import url("proscrol.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;-webkit-tap-highlight-color:transparent;}
a:hover,a:active{/*text-decoration:underline;*/color:#007699;}
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;}
.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:120px; font-size:0; overflow:hidden;}
.top_bg{ width:100%; text-align:center;  background:#ffffff; height:120px;/* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);*/ position:fixed; top:0; left:0; z-index:99;transition:all 0.3s; }
.tpos .top_bg{ height:94px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.top_search{ float:right;height:30px; width:30px; position:relative;background:url("../images/top_bg3.png") left center no-repeat;}
.top_search .input1{ width:83%; text-indent:10px; line-height:30px; height:30px; outline:medium; background:none; color:#9c9c9c; text-align:left; font-size:13px; border:0;}
.top_search em{height:100%; width:100%; background:url("../images/top_pic1.png") right center no-repeat; cursor:pointer; display:block;}
.top_search em:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search .search_con{ display:none;position:absolute; bottom:-82px;right:0px; width:300px; height:0px; padding-top:23px; padding-bottom:19px; background:url("../images/top_bg2.png") no-repeat;z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/}
.top_search .search_con .input1{ height:39px; line-height:39px; background:#f8f8f8; border:0; padding-left:5px; margin-left:16px; padding-right:47px; width:174px; float:left; outline:none;}
.top_search .search_con .bnts{ float:left; width:40px; height:39px; background:url("../images/top_pic3.png") no-repeat; cursor:pointer;}
.top_search .search_con .bnts:hover{transition:all 0.3s;background:url("../images/top_pic4.png") no-repeat;}

.top_a{ float:right;height:30px; line-height:30px; /*background:url("../images/top_bg4.png") center center no-repeat;*/ width:179px; margin-left:13px;}
/*.tpos .top_a{ margin-top:23px;}*/
.top_a a{ display:inline-block; color: #007699; font-weight:bold; font-family:Arial; font-size:14px; text-indent:20px; background:url("../images/top_bg5.png") left center no-repeat; }
.top_a a:hover{transition:all 0.3s;filter: Alpha(Opacity=60);opacity: 0.6;}

.menu {width:100%; max-width:1200px;}
.menu .logo_l{  float:left; display:inline;}
.menu .logo_l img{ width:106px;transition:all 0.3s;margin-top: 1px}
.menu .logo_l:hover img{opacity:0.8;filter:Alpha(opacity=80);}
.menu .logo_r{  float:right; display:inline;}
.menu .logo_r .top_two{ margin-top:18px; height:30px;transition:all 0.3s;}
.tpos .menu .logo_r .top_two{ margin-top:0;}
.top_language{ float:right;position:relative; height:30px; text-align:left;transition:all 0.3s; z-index:; margin-left:24px;}
.top_language label{ display:block; padding-right:19px;height:30px; line-height:30px; font-size:14px; color:#464646; background:url("../images/top_bg1.png") right center no-repeat;transition:all 0.3s;/*text-align:right; padding-right:21px;*/}
.top_language ul{/*width: calc(100% - 2px);*/ width:88px; display:block;position:absolute; top:30px; right: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;}


.nav{font-family:"微软雅黑";}
.tpos .nav{ margin-top:0px;}
.nav li.m{ float:left; text-align:center; position:relative; margin-left:56px;}
.nav li.m:first-child{ margin-left:0;}
.nav h3 a{ height:72px; line-height:64px;display:block; font-size:14px; font-weight:300; color:#333333; text-decoration:none;/*  background:url(../images/nav_bg1.png) right center no-repeat;transition:all 0.3s;*/ overflow:hidden;}
.tpos .nav li.m h3 a{ height:64px;line-height:64px;}
.nav h3{ font-weight:normal; position:relative;}
.nav h3 a span{ display:block;position:relative;transition: all 0.5s;height:64px;}
.nav h3 a span:after{content:attr(data-title);position:absolute;/*color:#fff;*/left:0;transform:translateY(100%);width:100%;top:0;}
.tpos .nav h3 a span{ height:64px;font-size:16px;}
.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom:0px;height: 2px;opacity: 0;background-color: #007699;-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 h3 a:hover{color:#007699;}
.nav h3 a:hover span{transform:translateY(-100%);}
.nav li.on h3 a{ color:#007699;}
.nav li.on h3 a:after{left: 0%;right: 0%;opacity: 1;/*-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;*/}
/*.nav .sub_bg{ position:fixed; width:100%; z-index:109; height:0px; background:rgba(0, 0, 0, 0.6); z-index:109; left:0; top:128px; overflow:hidden;transition:all 0.3s;}
.nav .m:hover .sub_bg{ height:50px;}*/
/*.nav .sub{ display:none;width:120px; margin-left:-60px;  padding:0;background:rgba(255, 255, 255, 0.9);border-top:2px solid #0f6bb7;  position:absolute; top:70px;left:50%;  z-index:110;}*/
.nav .sub{
	display:none;
	width:auto;
	padding:0;
	background:rgba(255, 255, 255, 0.9);
	border-top:2px solid #0f6bb7;
	position:absolute;
	top:70px;
	left:50%;
	z-index:110;
	transform: translate(-50%,0%);
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
}
.tpos .nav .sub{ top:62px;}
/*.tpos .nav .sub_bg{ top:90px;}*/
.nav .sub dl{width:100%; margin:0 auto;  text-align:left;}
.nav .sub dd{ list-style:none; text-decoration:none;}
.nav .sub dd a{
	white-space: nowrap;
	height:40px;
	line-height:40px;
	display:block;
	color:#333;
	font-size:13px;
	/* width:147px;*/
	overflow:hidden;
	letter-spacing:0;
	padding: 0 14px;
	box-sizing: border-box;
}
.nav .sub dd a:hover{ color:#fff; text-decoration:none;background:#007699;}
.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:50%; margin-top:-30px;left:0; margin-left:8%;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:60px;width:60px;background:transparent url("../images/left2.png") no-repeat left top;transition:all 0.3s;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{}
.callbacks_nav.next{left:auto;right:0px; margin-right:8%;background:transparent url("../images/right.png") no-repeat 0px top;}
.callbacks_nav:hover{opacity:0.8;filter:Alpha(opacity=80); margin-left:7.8%;}
.callbacks_nav.next:hover{margin-right:7.8%;}
.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:650px;/* background:url(../images/banner_bg.png) repeat-x;*/ position: relative; z-index: 120;  font:300 14px "宋体"; color:#FFF; }
.b_center{ margin:0 auto; text-align:center;}

.callbacks_tabs.callbacks1_tabs{margin-top:-42px; position:relative;z-index:9; margin-bottom:0px; display:;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:24px;height:28px;margin-right:3px; margin-left:3px;/*border-radius:10px;border:1px solid #FFF;*/position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:18px;height:18px;/*border-radius:10px;position:absolute;*/ left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:url("../images/dian.png") center center no-repeat;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:url("../images/dian2.png") no-repeat;}

/*首頁*/
.i_t{ margin-top:50px; text-align:center; overflow:hidden; padding-bottom:17px;/*background:url(../images/i_bg1.png) center bottom no-repeat;*/ margin-bottom:50px;}
.i_t p{color:#888888; font-size:16px;line-height:26px; height:26px; overflow:hidden; }
.i_t h2{ font-size:30px; color:#333333; height:66px; line-height:66px; font-weight:normal; }
.i_t.bgs2{background:url("../images/i_bg2.png") center bottom no-repeat; padding-bottom:16px;}
.i_t.bgs2 p{ color:#fff;}
.i_t.bgs2 h2{color:#fff;}
.i_class{ width:100%; margin:0 auto;  /*overflow:hidden;*/}
.i_class ul li{ float:left; _display:inline; overflow:hidden; width:280px;height:380px; background:#f5f5f5;margin-right:26.66px;position:relative; text-align:center;transition:all 0.5s;}
.i_class ul li:nth-child(4n+0){ margin-right:0;}
.i_class ul li .img{ overflow:hidden;height:280px; margin-top:34px; }
.i_class ul li .img img{ display:block;width:100%; height:280px;-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_class ul li .h2{ height:50px; overflow:hidden; line-height:50px; font-size:16px; color:#333; font-weight:normal; padding-left:5px; padding-right:5px;text-overflow:ellipsis;white-space: nowrap;}
.i_class ul li .div{width:100%;height:100%;overflow:hidden; top:0;left: 0px;position:absolute; bottom:0;  font-family:Arial;transition: all 0.3s; background:rgba(0,118,153,0.95);opacity:0;filter:Alpha(opacity=0);}
.i_class ul li .div h2{ height:36px; overflow:hidden; line-height:36px; font-size:22px; color:#fff; margin-top:133px; padding-left:5px; padding-right:5px; font-weight:normal;transition:all 0.5s;text-overflow:ellipsis;white-space: nowrap; }
.i_class ul li .div p{ font-size:14px; color:#fff; line-height:24px; height:72px; overflow:hidden; width:200px; margin:0 auto; margin-top:20px; }
.i_class ul li .div em{background:url("../images/i_pic1.png") right center no-repeat; display:block; margin:0 auto; margin-top:43px; width:35px; height:35px;transition:all 0.5s;}
.i_class ul li .div em:hover{ padding-right:10px;}
.i_class ul li:hover{/*-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.05); box-shadow: 0 8px 15px rgba(0,0,0,0.05);*/-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.i_class ul li:hover .div{opacity:1.0;filter:Alpha(opacity=100); }
.i_class ul li:hover .div h2{margin-top:103px;}
.i_class ul li:hover .img 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_more{ text-align:center; overflow:hidden; margin-bottom:60px; margin-top:70px;}
.imore{  width:176px; font-size:14px; color:#f4f7f9; display:inline-block;line-height:48px; height:48px; overflow:hidden;}
.imore:hover{text-decoration:none; }
.imore.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle; border:1px solid #007699;  background:#007699; border-radius:30px;}
.imore.hvr-shutter-out-vertical::before{ background:#439abd none repeat scroll 0 0;border:0 none;padding:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:50% 50% 0;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;-moz-transform:scaleY(0);-moz-transform-origin:50% 50% 0;-moz-transition-duration:.3s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 50% 0;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;z-index:-1; }
.imore.hvr-shutter-out-vertical:active::before,.imore.hvr-shutter-out-vertical:focus::before,.imore.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1);}
.imore.btn-enter:active,.btn-enter:focus,.imore.btn-enter:hover{background:#007699;color:#fff;border:1px solid #439abd;}
.i_about{ background:url("../img/i_img2.jpg") center top no-repeat; overflow:hidden;}
.i_about .i_about_con{ background-color:#fff; -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.1); box-shadow: 0 3px 15px rgba(0,0,0,0.1); margin-bottom:15px; padding-right:47px; overflow:hidden;}
.i_about .i_about_con .i_about_con_l{ float:left; width:580px; overflow:hidden;}
.i_about .i_about_con .i_about_con_l img{ width:100%;-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;}
.i_about .i_about_con .i_about_con_l img:hover{opacity:0.8;filter:Alpha(opacity=80);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i_about .i_about_con .i_about_con_r{ float:right; width:525px;overflow:hidden; margin-top:53px; }
.i_about .i_about_con .i_about_con_r h2{ font-weight:bold; color:#000; font-size:20px; line-height:32px;}
.i_about .i_about_con .i_about_con_r h2 span{ font-weight:normal; display:block; font-size:14px;color:#888888; font-family:Arial; height:20px; line-height:20px;}
.i_about .i_about_con .i_about_con_r p{ font-size:14px; color:#555555; line-height:24px; max-height:120px; overflow:hidden; margin-top:25px; margin-bottom:41px;}
.imore2{  width:128px; font-size:14px; color:#007699; display:inline-block;line-height:38px; height:38px; overflow:hidden; text-align:center;}
.imore2:hover{text-decoration:none; }
.imore2.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle; border:1px solid #007699;  background:#fff; border-radius:30px;}
.imore2.hvr-shutter-out-vertical::before{ background:#007699 none repeat scroll 0 0;border:0 none;padding:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:50% 50% 0;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;-moz-transform:scaleY(0);-moz-transform-origin:50% 50% 0;-moz-transition-duration:.3s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 50% 0;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;z-index:-1; }
.imore2.hvr-shutter-out-vertical:active::before,.imore2.hvr-shutter-out-vertical:focus::before,.imore2.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1);}
.imore2.btn-enter:active,.btn-enter:focus,.imore2.btn-enter:hover{background:#fff;color:#fff;border:1px solid #007699;}

.i_news_ul{}
.i_news_ul ul li{ float:left; overflow:hidden; width:380px;margin-right:5px;  position:relative; height:385px;transition: all 0.3s;}
.i_news_ul ul li:last-child{ margin-right:0;}
.i_news_ul ul li .imgs{ overflow:hidden;height:270px;}
.i_news_ul ul li .imgs img{ display:block; width:100%;height:270px;-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;}
.i_news_ul ul li:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i_news_ul ul li .txts{ position:absolute; width:360px; left:10px; top:200px; margin-bottom:15px; height:170px; background:#fff; overflow:hidden;-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.1); box-shadow: 0 3px 15px rgba(0,0,0,0.1);font-size:14px;}
.i_news_ul ul li .txts .cons{ width:300px; margin:0 auto; overflow:hidden;}
.i_news_ul ul li .txts span{  color:#888888; display:block; margin-top:32px; height:20px; line-height:20px;}
.i_news_ul ul li .txts .h2{ font-weight:normal; color:#000000; font-size:18px; line-height:36px; height:36px; overflow:hidden; margin-top:13px;text-overflow:ellipsis;white-space: nowrap;}
.i_news_ul ul li .txts em{ float:left;height:28px; color:#007699;  line-height:28px; margin-top:15px; background:url("../images/i_bg3.png") right center no-repeat; padding-right:35px; overflow:hidden;transition: all 0.3s;}
.i_news_ul ul li:hover .txts em{ padding-right:38px;}
.i_news_ul ul li .txts em:hover{ margin-left:3px;}
.i_news_ul ul li:hover .txts .h2{ font-weight:bold;color:#007699; }
.i_news_ul ul li:hover{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.i_more3{ text-align:center; padding-top:56px; margin-bottom:70px; overflow:hidden; clear:both;}
.imore3{ width:176px; font-size:14px; color:#007699; display:inline-block;line-height:48px; height:48px; overflow:hidden; text-align:center;}
.imore3:hover{text-decoration:none; }
.imore3.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle; border:1px solid #007699;  background:#fff; border-radius:30px;}
.imore3.hvr-shutter-out-vertical::before{ background:#007699 none repeat scroll 0 0;border:0 none;padding:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:50% 50% 0;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;-moz-transform:scaleY(0);-moz-transform-origin:50% 50% 0;-moz-transition-duration:.3s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 50% 0;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;z-index:-1; }
.imore3.hvr-shutter-out-vertical:active::before,.imore3.hvr-shutter-out-vertical:focus::before,.imore3.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1);}
.imore3.btn-enter:active,.btn-enter:focus,.imore3.btn-enter:hover{background:#fff;color:#fff;border:1px solid #007699;}

.i_partner{ background:#f8f8f8; overflow:hidden;}

/*尾部*/
.f_bg{overflow:hidden; background:#1a1a1a; color:#a7a7a7; font-size:14px; clear:both; padding-top:41px;}
.f_bg_div{ width:1200px; margin:0 auto;}
.f_bg a{color:#8d8d8d; text-decoration:none;}
.f_bg a:hover{ color:#007699;}
.f_bg .links{ float:left; margin-right:20px; width:230px;overflow:hidden;  padding-bottom:46px; text-align:left;}
.f_bg .links:nth-child(3){ margin-right:0;}
.f_bg .links:nth-child(2){ width:260px;}
.f_bg .links h2{ font-size:16px; color:#fff; font-weight:bold; line-height:64px; height:64px; overflow:hidden; font-weight:normal;}
.f_bg .links ul{ min-height:108px;}
.f_bg .links ul li{ display:block; height:36px; line-height:36px; overflow:hidden; font-size:16px;}
.f_bg .links ul li a{transition:all 0.3s; padding-right:5px;}
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0;}
.f_bg .f_div2_r{ float:left;  overflow:hidden;padding-left:20px; width:365px;  padding-bottom:46px; text-align:left;}
.f_bg .f_div2_r h2{font-size:16px; color:#fff; font-weight:bold; line-height:64px; height:64px; overflow:hidden; font-weight:normal;}
.f_bg .f_div2_r ul li{ line-height:36px; display:block; padding-left:30px; font-size:12px; color:#8d8d8d;}
.f_bg .f_div2_r ul li a{ color:#8d8d8d;}
.f_bg .f_div2_r ul li a:hover{ color:#007699}
.f_bg .f_div2_r ul li.bgs1{background:url("../images/foot_pic1.png") 2px 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") 2px 9px no-repeat; line-height:20px; height:48px; padding-top:8px;}
.foot_a{ line-height:27px; font-size:12px; overflow:hidden; text-align:center;}
.foot_a ul{}
.foot_a ul li{ display:inline-block; vertical-align:top; width:27px; height:27px; margin-right:10px; margin-left:10px;}
.foot_a ul li a{ display:block; width:100%; height:100%;}
.foot_a ul li a:hover{transition:all 0.3s;filter: Alpha(Opacity=60);opacity: 0.6;}
.foot_a ul li.email a{ background:url("../images/foot_pic3.png") no-repeat;}
.foot_a ul li.tel a{ background:url("../images/foot_pic1.png") no-repeat;}
.foot_a ul li.qq a{ background:url("../images/foot_pic2.png") no-repeat;}
.f_div3{ line-height:60px;height:60px; background-color:#121212; clear:both; overflow:hidden; color:#a7a7a7; font-size:14px; text-align:center;}
.f_div3 a{ color:#a7a7a7;}
.f_div3 a:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8; color:#007699;}
.gotop{ position:fixed; bottom:10%; right:1%; width:50px; height:50px; 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; display:none;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:40px; padding-bottom:40px; clear:both;}
.yema a{ display:inline-block; height:30px; line-height:30px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:12px;margin-left:5px; margin-right:5px;  text-align:center; color:#757575; font-size:13px; border:1px solid #c2c2c2; background-color:#fff; border-radius:6px;}
.yema a:hover{ text-decoration:none; color:#fff; background-color:#007699;border:1px solid #007699;}
.yema a.on{color:#fff;background-color:#007699;border:1px solid #007699;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#007699;}
.yema a span{ font-family:"宋体"; font-size:16px;}




/*二級頁面*/
.position{ height:70px; line-height:70px; overflow:hidden; color:#555555; font-size:14px; }
.position a{ color:#555555;  text-decoration:none;}
.position a:hover{color:#007699;}
.position label{color:#007699;}


.o_big{/*height:350px; */overflow:hidden; clear:both;}
.o_big img{ display:block; width:100%;}

/*产品中心*/
.about_l{ float: left;width:260px;margin-bottom: 56px;}
.about_l .product_l_titile{ overflow: hidden;color:#fff; background:#007699; height:70px; }
.about_l .product_l_titile h2{ font-weight:normal; font-size:20px;  line-height:70px; text-transform:uppercase; padding-left:24px;}
.about_l .i_left_ul2{ overflow:hidden; background-color:#f8f8f8;}
.about_l .i_left_ul2 li h2{ font-weight:normal; overflow:hidden;padding-left:24px;  height:59px; line-height:59px; border-bottom:1px solid #e5e5e5;font-size:16px; color:#333333; cursor:pointer;background:url("../images/product_bg1.png") 222px center no-repeat; padding-right:8px;}
.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:#007699;}
.about_l .i_left_ul2 li h2.left_sel{ color:#007699;}
.about_l .i_left_ul2 li h2.left_sel a{ color:#007699;}
.about_l .i_left_ul2 li h1{ font-weight:normal; overflow:hidden;}
.about_l .i_left_ul2 li{display:block; width:100%; margin-bottom:9px;}
.about_l .i_left_ul2 li h1{font-weight:normal; overflow:hidden;padding-left:24px;  height:59px; line-height:59px; border-bottom:1px solid #e5e5e5;font-size:16px; color:#333333; cursor:pointer;background:url("../images/product_bg1.png") 222px center no-repeat; padding-right:8px;}
.about_l .i_left_ul2 li h1 a{ color:#333333; text-decoration:none;}
.about_l .i_left_ul2 li h1:hover a{color:#007699;}
.about_l .i_left_ul2 li h1.left_sel{ color:#007699;background:url("../images/product_bg2.png") 222px center no-repeat; }
.about_l .i_left_ul2 li h1.left_sel a{ color:#007699;}
.about_l .i_left_ul2 li div{ padding-left:10px; margin-top:14px; font-size:14px;display:none;border-bottom:1px solid #e5e5e5;}
.about_l .i_left_ul2 li div dl{overflow:hidden;}
.about_l .i_left_ul2 li div dl span{ padding-left:36px; padding-right:8px; overflow:hidden; display:block;height:32px; line-height:32px;font-size:14px;cursor:pointer; margin-bottom:16px;}
.about_l .i_left_ul2 li div dl span a{ color:#777; text-decoration:none; display:block;transition:all 0.3s;}
.about_l .i_left_ul2 li div dl span a:hover{color:#007699; padding-left:4px;}
.about_l .i_left_ul2 li div dl span.left_sel{color:#007699;}
.about_l .i_left_ul2 li div dl span.left_sel a{color:#007699;}


.about_r{ float: right;width:894px;  margin-bottom:30px;}
.pro_ul{ }
.pro_ul ul li{ width:280px; height:350px; overflow:hidden; float:left; margin-right:27px; text-align:center; margin-bottom:6px;border: 1px solid #e6e6e6;}
.pro_ul ul li:nth-child(3n+0){ margin-right:0;}
.pro_ul ul li a{text-decoration:none;}
.pro_ul ul li .imgs{ overflow:hidden; width:280px; height:280px; background:#f5f5f5;}
.pro_ul ul li .imgs img{ display:block; width:100%; height:280px;-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;}
.pro_ul ul li .h2{height:64px; line-height:64px;  margin:0 auto; width:270px; color:#333333; font-size:16px; font-weight:normal; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.pro_ul ul li:hover{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);transition:all 0.3s;}
.pro_ul ul li:hover .h2{ color:#007699; font-weight:bold;}
.pro_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

/*产品展示详细*/
.product_one{ padding-bottom:50px;}
.product_one .product_one_l{ float:left; width:380px;}
.product_one .product_one_l .pro_big2{ position: relative; overflow:hidden;margin-bottom:15px; border:1px solid #e6e6e6;    height: 378px; line-height: 378px; font-size: 0; text-align: center;}
.product_one .product_one_l .big_img{max-width:100%;max-height: 100%;vertical-align: middle;}
.product_r{ float:right; width:483px; overflow:hidden; margin-top:10px;}
.product_r h2{line-height:36px;overflow:hidden; font-weight:normal; font-size:24px; color:#0058a7; margin-bottom:15px;}
.product_r .pro_desc{ line-height:24px; overflow:hidden;padding-bottom:32px; font-size:14px; color:#777; border-bottom:1px dashed #e2e2e2; margin-bottom:19px;}
.product_r .pro_desc2{ line-height:32px; overflow:hidden;padding-bottom:20px; font-size:14px; color:#333333; border-bottom:1px dashed #e2e2e2;margin-bottom:28px;}
.product_r .pro_desc2 .huise{ color:#888888;}
.product_r  .pro_more{ width:140px; float:left; height:50px; line-height:50px; color:#fff; text-align:center; font-size:16px; border-radius:6px; background-color:#007699;}
.product_r .pro_more:Hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s; text-decoration:none; }
.shop_t2{height:45px; overflow:hidden; border-bottom:2px solid #007699; background-color:#fff;}
.shop_t2 a{ float:left;line-height:45px; background-color:#007699; width:140px; font-size:16px; color:#fff;text-align:center;}
.pro_show{ font-size:14px; color:#545454; line-height:30px; padding-top:40px; padding-bottom:70px; overflow:hidden;/*border:1px solid #efeaea;*/ border-top:0; padding-left:15px; padding-right:15px;}
.pro_show img{ max-width:100%;}
.pro_show table{border-collapse:collapse;border-spacing:0;}
.pro_show table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}

.product_ul{ overflow:hidden;margin-top:40px;}
.product_ul ul{list-style-type:none; }
.product_ul li{float:left; margin-right:1.5%;position:relative; width:32.33%; margin-bottom:1%; overflow:hidden; text-align:center;}
.product_ul li a{ text-decoration:none;}
.product_ul li .imgs{ border:1px solid #cdcdcd; overflow:hidden;}
.product_ul li .imgs img{height:287px;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;}
.product_ul li h2{font-weight:normal;  font:300 14px/38px "微软雅黑"; height:38px; line-height:38px; overflow:hidden; color:#606060; }
.product_ul li:Hover h2{ color:#007699;}
.product_ul li:nth-child(3n+0){ margin-right:0;}
.product_ul li:Hover .imgs{border:1px solid #007699;}
.product_ul li:Hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

/*下载中心*/
.down_ul{ }
.down_ul ul li{ width:423px; border:1px solid #e2e2e2; height:122px; overflow:hidden; float:left;margin-bottom:25px; background:#fff; margin-left:19px;}
.down_ul ul li:nth-child(2n+0){ float:right;}
.down_ul ul li a{text-decoration:none;}
.down_ul ul li .txts{ overflow:hidden; width:270px; float:left; margin-left:27px; margin-top:21px;}
.down_ul ul li .txts .h2{height:36px; line-height:36px; color:#333333; font-size:16px; font-weight:normal; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.down_ul ul li .txts .p{ line-height:20px; height:40px; overflow:hidden; color:#888888; font-size:12px;}
.down_ul ul li em{ float:right; margin-top:40px; width:45px; height:45px; margin-right:39px;background:url("../images/down_bg1.png") no-repeat;}
.down_ul ul li:hover{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);transition:all 0.3s; background:#007699; border:1px solid #007699;}
.down_ul ul li:hover .txts .h2{ color:#fff;}
.down_ul ul li:hover .txts .p{ color:#fff;}
.down_ul ul li:hover em{background:url("../images/down_bg2.png") no-repeat;animation: ani-svg 0.65s linear 0s alternate infinite;
-webkit-animation: ani-svg 0.65s linear 0s alternate infinite;}

@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}

/*新闻中心*/
.news_con{ overflow:hidden; }
.news_con ul li{overflow:hidden;  margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #efefef; display:block;}
.news_con ul li .imgs{ width:200px;float:left; display:inline; overflow:hidden;}
.news_con ul li .imgs img{width:100%; height:142px;-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;}
.news_con ul li:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.news_con ul li .i_about_r{ float:right; display:inline; width:670px; overflow:hidden; }
.news_con ul li .i_about_r h3{ line-height:20px; height:20px; overflow:hidden; font-size:16px; color:#333; font-weight:normal; margin-top:3px; margin-bottom:12px;}
.news_con ul li .i_about_r em{ font-size:12px; color:#b2b1b1; overflow:hidden;  height:14px; line-height:14px; display:block;}
.news_con ul li .i_about_r .p{ height:40px; overflow:hidden; font-size:14px; color:#666; margin-top:8px; line-height:20px;}
.news_con ul li .i_about_r .news_more{ transition:all 0.3s; margin-top:15px; width:76px; float:left; height:20px; line-height:18px; color:#007699; font-size:14px; background:url("../images/awrr.png") right center no-repeat; }
.news_con ul li .i_about_r .news_more:hover{ margin-left:5px;}
.news_con ul li:hover .i_about_r h3{ color:#007699; }

/*关于我们*/
.about_x{ overflow:hidden; line-height:24px; min-height:400px;font-size:16px; color:#333333; padding-bottom:50px;letter-spacing:0px; }
.about_x img{margin-bottom:15px; max-width:100%;}
.about_x .h2{ text-align:center; color:#b39058; font-size:22px; font-weight:normal; line-height:36px; margin-bottom:18px;}
.about_x .show_t{ padding-bottom:13px; line-height:30px; font-size:22px; color:#2c2c2c;text-align:center; overflow:hidden;}
.about_x .con_line{height:40px; line-height:40px;font-size:14px; color:#c2c2c2;border-bottom:1px dashed #e5e5e5;  text-align:center; }
.about_x .con_id{ line-height:24px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:15px;text-align:left;padding-bottom:60px; font-size:15px;}
.about_x table{border-collapse:collapse;border-spacing:0;}
.about_x table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}

.prenext{ border-top:1px dashed #cccccc;border-bottom:1px dashed #cccccc;font-size:16px; line-height:60px;margin-top:20px; color:#444;}
.prenext span{ float:left; width:108px; color:#666666; font-size:16px;}
.prenext a{ color:#444;}
.prenext a:hover{ color:#007699; text-decoration:none;}
.prenext:last-child{ border-top:0; margin-top:0;margin-bottom:20px;}
.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;}


/*联系我们*/
.i_map_c{ overflow:hidden;}
/*.i_map_c img{ max-width:100%;}*/
.i_map_c #dituContent{width: 100%;height: 317px;float: left;}
/*.i_map_c iframe{height: 400px;}*/
.contact_div{ overflow:hidden; padding-bottom:60px; padding-top:35px;margin-left:22px; width:880px;}
.contact_left{float:left; display:inline;width:363px; overflow:hidden;line-height:30px;font-size:14px; color:#555;}
.contact_left h2{ font-weight:normal; font-size:22px; color:#383838; }
.contact_left .divs{ overflow:hidden;}
.contact_left .divs h3{font-weight:normal; font-size:16px; color:#333; margin-bottom:6px; padding-top:20px;}
.contact_left a{ text-decoration:none;color:#555;}
.contact_left a:hover{ color:#007699;}

.contact_mid{float:right; display:inline;width:458px;line-height:36px;  font-size:15px;}
.contact_mid .input{ height:36px; line-height:36px; padding-left:10px;width:445px; background:none; border:1px solid #bbbbbb; margin-bottom:6px;  font-size:14px;color:#c5c5c5; font-family:"微软雅黑"; outline:none;}
.contact_mid .input.nor{ margin-right:0;}
.contact_mid .msg_txt{padding-left:2.2%; line-height:22px; width:97.3%;  padding-top:9px;background:none; border:1px solid #cecece; height:100px;color:#c1c1c1;font-family:"微软雅黑"; font-size:14px; outline:none;}
.contact_mid .btn{ background:#007699;width:92px; height:36px; border:0px; cursor:pointer; color:#fff; font-size:13px; letter-spacing:1px; -webkit-appearance: none; margin-top:6px;}
.contact_mid .btn:hover{filter:alpha(opacity=80);opacity:0.8;}

@media screen and (max-width: 1200px) {
.top_bg{ position:static;}
.i_blank{ height:0;}
}

#map {
	width: 100%;
	height: 420px;
}

div.pageList{ padding: 0 20px; text-align: center;}
div.pageList ul.l{ display: none;}
div.pageList ul li { line-height: 38px;display: inline;}
div.pageList ul li a{ display: inline-block; line-height: 36px; background-color: #fff;
	padding: 0 14px; margin: 0 4px; height: 36px; color: #999; font-size: 14px; border: 1px solid #d4d4d4;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
div.pageList ul li:hover a{ border-color: #1f3f99; color: #1f3f99;}
div.pageList ul li a.selected{ background-color: #1f3f99; border-color: #1f3f99; color: #fff;}


.msgbg{ width: 100%; height: 100%; position: fixed; z-index: 19999999; left:0; top:0;
    background: url('../images/op0-80.png'); display: none; overflow: hidden; }
.msg{ width: 50%; height: 210px; position: absolute; z-index: 1; background-color: #fff; font-family: 'Microsoft Yahei';
    left:20%; top:-50%; margin-top: -90px; border: 5px solid #ffbb2a; padding: 20px;}
.msgtxt{ font-size: 28px; color: #36467a; line-height: 40px; text-align: center;
    margin: 50px 0; height: 50px; overflow: hidden;}
.msgbg.on .msg{ top:50%;}
.msg input{ width: 200px; height: 50px; display: block; background-color: #ffbb2a;
    font-size: 24px; margin: 0 auto;}
.msgclose{ width: 41px; height: 41px; position: absolute; top:-20px; right: -20px; z-index: 1;
    cursor: pointer; background: url('../images/close.png') center no-repeat;}