﻿@import url(anim.css);
@import url(lrtk3.css);
*{margin:0;padding:0;border:0;}
body {background-color: #fff; overflow-x:hidden;color: #333;font-size: 12px; font-family: "微软雅黑","Arial", "Microsoft YaHei","Helvetica Neue", "Helvetica", "Arial", "sans-serif";}
a { color: #333;
  text-decoration: none;-webkit-tap-highlight-color:transparent;
  /*-webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;*/
}
a:hover {color: #2188c5;/*text-decoration: underline;*/}
input,select,img{vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
.wrap{clear:both; width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both; width:96%;max-width:1400px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap3{clear:both; width:94%;max-width:1000px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.f44{ font-size:44px;}
.f30{ font-size:30px;}
.f24{ font-size:24px;}
.f18{ font-size:18px;}

/*PC导航*/
.header-v1{ width:100%; position:fixed; /*overflow:hidden; */height:96px;z-index:10; background-color:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.nav-hide .header-v1{ height:80px;}
.nav-hide .blank_h{ height:80px;}
.nav-hide .header-v1 .top-main .logo1 img{ height:80px;}
.header-v1 .top-main{ width:98%; max-width:1820px; margin:0 auto;/* position:relative;*/}
.header-v1 .top-main .logo1{ float:left; height:100%;}
.header-v1 .top-main .logo1 img{ height:100%;}
.header-v1 .top-main .logo1 img:hover{transition:all 0.3s;filter: Alpha(Opacity=60);opacity: 0.6;}
.header-v1 .top-main .top_r{ float:right;}
.header-v1 .languages{ float:right; position:relative; display:block;font-size:12px; color:#707070;height:38px;line-height:38px; padding-left:18px; text-align:right;font-family:"宋休"; text-decoration:none;margin-left:10px; background:url(../images/top_pic2.png) left center no-repeat; margin-top:29px;transition:all 0.3s;}
.header-v1 .languages:hover{margin-top:25px;}
.nav-hide .header-v1 .languages{ margin-top:22px;}
.nav-hide .header-v1 .languages:Hover{ margin-top:18px;}
.header-v1 .languages:Hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}
/*.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
.header-v1 .top-main .top-main-content{ float:right;margin-right: 80px;/* margin-top:31px;*/}
.navBar{}
.nav{ list-style:none; padding:0;  }
.nav .m{ float:left; border-top:0; border-bottom:0; /*width:120px; */ position:relative; margin-right:4px;}
.nav a:hover{ text-decoration:none; color:#fff;   }
.nav h3{ float:left; font-weight:normal; font-size:15px; height:96px; overflow:hidden; width:100%; text-align:center; }
.nav h3 a{ display:block; color:#333333;padding-left:25px; padding-right:17px;  line-height:96px; font-size:14px; text-transform:uppercase;}
.nav h3 a i{ width:9px; height:5px; background:url(../images/top_pic5.png) no-repeat; display:inline-block; margin-left:7px;}
.nav-hide .nav{}
.nav-hide .nav h3{ height:80px;}
.nav-hide .nav h3 a{ line-height:80px;}
.nav .on{}
.nav .on h3 a{/* height:42px; line-height:42px; */color:#fff;background:#2188c5; /*background:url(../images/top_bg.png) center bottom no-repeat;*/}
.nav .on h3 a i{ background:url(../images/top_pic6.png) no-repeat; }
/*.nav li.on a:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%; margin-left:5px; margin-right:5px;bottom: 0px;height:2px;opacity: 0;background-color: #ff9500;-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 .sub{ display:none; /*默认隐藏*/ min-width:350px; padding:0;   position:absolute; top:96px; left:50%; margin-left:-175px; background:url(../images/top_bg1.png) repeat; z-index:110; padding-top:012px; padding-bottom:14px;}
.nav-hide .nav .sub{top:80px;}
.nav .sub dl{ float:left; width:130px; margin-left:15px; margin-bottom:10px; margin-right:12px; background:url(../images/top_bg3.png) right center no-repeat;}
.nav .sub #top_pro{ width:162px; margin-right:8px;}
.nav .sub #top_pro .tsel a{color:#008ecd;}
.nav .sub #top_pro{ background-repeat:repeat-y;}
.nav .sub #top_pro2{ font-family:Arial; text-transform:uppercase; background:none; position:relative; height:308px; overflow:hidden; float:left; width:160px;}
.nav .sub #top_pro2 dd{ display:none;}
.nav .sub #top_pro2 .contact_scroll{ overflow:hidden;position:absolute; height:100%; padding-right:3%; width:97%; right:0%; top:0%;}
.nav .sub #top_pro2 .contact_scroll{ overflow:hidden; overflow-y:auto; }
.nav .sub #top_pro2 .contact_scroll::-webkit-scrollbar {width: 3px;height: 10px;}
.nav .sub #top_pro2 .contact_scroll::-webkit-scrollbar-thumb { /*background-image:url(../images/product_bg1.png); background-position:center center; background-repeat:no-repeat; background-size:10px 6px;*/background-color: rgba(33, 136, 197, 1.0);}
.nav .sub #top_pro2 .contact_scroll:hover::-webkit-scrollbar-thumb {background-color: rgba(33, 136, 197, 0.7);}
.nav .sub #top_pro2 .contact_scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(33, 136, 197, 1.0);-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1); }
.nav .sub #top_pro2 .contact_scroll::-webkit-scrollbar-track {  background-color:#ebebeb;}
.nav .sub #top_pro2 dl{ background:none;}
.nav .sub dd{ vertical-align:middle; list-style:none; text-decoration:none;/* border-bottom:1px dashed #fff;*/ text-align:left;}
.nav .sub dd a{ height:38px; line-height:38px; display:block; color:#333;font-size:14px; text-decoration:none; overflow:hidden;}
.nav .sub dd a:hover{color:#008ecd;}
.nav .sub .imgs{ margin-right:12px; float:right;width:160px; margin-top:10px; margin-bottom:10px; line-height:36px; font-size:12px; text-align:center;}
.nav .sub .imgs img{ width:100%;height:140px;}
.nav .sub img:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}
.nav li#m1 h3 a{padding-right:25px;}
.nav li#m2 .sub{ min-width:530px; margin-left:-205px;}

.blank_h{ height:96px; overflow:hidden;}
.top_search{ float:right;height:96px; width:34px; position:relative;}
.nav-hide .top_search{ height:80px;}
.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) center 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:-73px;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;}

/* 手机导航全局 */
.touch-top{ width:100%; position:fixed; top:0; z-index:99; background:#fff; display:none;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.touch_bg{width:100%; position:fixed; top:0; z-index:8;background:#0d0d0d;display:none;filter: Alpha(Opacity=60);/*IE7 fix*/opacity: 0.6; height:100%;}
.touch-top-wrapper{ width:96%; margin:0 auto;}
.touch-top-wrapper .touch-logo{ float:left;}
.touch-top-wrapper .touch-logo img{height: 90px;display: block;}
.touch-navigation { display:block; }

	.touch-toggle { position:absolute; right:10px; top:0; }

	.touch-toggle li { float:left; height:70px; padding:0 12px; text-align:center; }

	.touch-toggle li a { height:70px; }

	.touch-toggle li:hover, .touch-toggle li:active { }

	.touch-toggle .touch-toggle-item-first { border-left:none; }

	.touch-toggle .touch-toggle-item-last { border-right:none; }

	.touch-toggle li a { display:block; font-size:12px; }	

	.touch-toggle li i { display:inline-block; width:32px; height:32px; overflow:hidden; /*margin-top:20px;*/margin-top:30px; background-repeat:no-repeat; background-position:center center; background-size:contain; }

	.touch-toggle .touch-icon-language { background-image:url(../images/touch-icon-language.png); }

	.touch-toggle .touch-icon-user { background-image:url(../images/touch-icon-user.png); }

	.touch-toggle .touch-icon-search { background-image:url(../images/head_pic2.png); }

	.touch-toggle .touch-icon-menu { background-image:url(../images/head_pic1.png); }

	.touch-toggle li span { display:none; text-align:center; }
	.drawer-section {/* background-color:#40312f; padding:20px;*/ display:none; }	

	.drawer-section-menu {/* padding:20px 20px 35px;*/  /*padding:0px 0px 35px;*/}

	.touch-toggle-content{ clear:both;}
	.touch-menu{ clear:both;}
	.touch-menu ul li { border-bottom:1px solid #eee; position:relative; }

	.touch-menu ul li a { color:#333; display:block; font-size:18px; height:48px; line-height:48px;/* padding-left:10px;*/  padding-left:2%;}

	.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#0078be; color:#fff; }	

	.touch-menu ul li i { position:absolute; top:14px;/* right:5px;*/ right:25px;  display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; }

	.touch-menu ul li i.touch-arrow-right { display:none; background-image:url(../images/touch-arrow-r.png); }

	.touch-menu ul li i.touch-arrow-down { background-image:url(../images/touch-arrow-d.png); }

	.touch-menu ul li i.touch-arrow-up { background-image:url(../images/touch-arrow-u.png); }
	.touch-menu ul li a:hover i.touch-arrow-down {background-image:url(../images/touch-arrow-d2.png); }
	.touch-menu ul li a:hover i.touch-arrow-up {background-image:url(../images/touch-arrow-u2.png); }

	.touch-menu ul ul { display:none; margin:0;/* padding:0 10px 30px 30px;*/ padding:0 0px 30px 0px; }

	.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; }

	.touch-menu ul ul li a { padding:0; padding-left:3%; font-size:16px; height:38px; line-height:38px; text-transform:uppercase; }		

	.touch-menu ul ul li i { top:13px; }
.touch-menu .closetitle{ padding-top:10px; padding-bottom:12px; text-align:center;}
.touch-menu .closetitle img{ margin:0 auto;  height:20px; width:auto;}
/*手机弹出搜索*/
.search_div{ clear:both; width:100%;  overflow:hidden;padding-top:2%; padding-bottom:2%; display:none; /*z-index:999;*/}
.search_div .search_con{ width:92%; margin:0 auto; border:1px solid #cdcdcd; height:40px; line-height:40px;}
.search_div .search_con .input1{ text-indent:15px; width:88%; float:left; border:0; background:none; height:100%; font-size:16px; outline:none; color:#bbb;}
.search_div .search_con .bnt1{-webkit-appearance: none; float:right; width:12%; max-width:60px; background:url(../images/head_pic2.png) 50% center no-repeat; background-size:auto 55%; border:0; height:100%; cursor:pointer;}


/*尾部*/
.f_bg{overflow:hidden; background:#0078be; color:#fff; font-size:12px; clear:both; padding-top:15px; padding-bottom:25px;}
.f_bg_div{ width:94%; margin:0 auto; max-width:1200px;}
.f_bg a{color:#fff; text-decoration:none;}
.f_bg a:hover{ color:#00cd0a;}
.f_bg .links{ float:left; padding-right:9px; min-width:135px;overflow:hidden;}
.f_bg .links h2{ font-size:14px; color:#f4f8fb; line-height:40px; font-weight:normal; margin-bottom:5px;}
.f_bg .links ul li{ display:block; height:30px; line-height:30px; overflow:hidden;}
.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:right; padding-left:3.5%; margin-top:9px; overflow:hidden; font-size:12px; background:url(../images/i_bg7.jpg) left 12px no-repeat; padding-bottom:3%;}
.f_bg .f_div2_r img{ width:100%; max-width:243px; margin-bottom:3%;}
.f_bg .f_div2_r img:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.f_bg .f_div2_r h2{ font-size:16px;line-height:26px; font-weight:normal; margin-bottom:3px;}
.f_bg .f_div2_r .ul li{ display:block; padding-left:22px; line-height:26px; height:26px; overflow:hidden;}
.f_bg .f_div2_r .ul li.bgs1{background:url(../images/foot_bg1.png) left center no-repeat;}
.f_bg .f_div2_r .ul li.bgs2{background:url(../images/foot_bg2.png) left center no-repeat;}
.f_bg .f_div2_r .ul li.bgs3{background:url(../images/foot_bg3.png) left center no-repeat;}
.f_bg .f_div2_r .ul li.bgs4{background:url(../images/foot_bg4.png) left center no-repeat;}
.foot_a{ line-height:24px; float:right; font-size:12px; overflow:hidden;}
.foot_a span{ float:left; margin-right:2px;}
.foot_a ul{ float:left; width:99px; display:none;}
.foot_a ul li{float:left; width:24px; height:24px; margin-left:9px;}
.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.weixin a{ background:url(../images/foot_pic1.png) no-repeat;}
.foot_a ul li.weixin a:hover{background:url(../images/foot_pic1_on.png) no-repeat;filter: Alpha(Opacity=100);opacity: 1.0;}
.foot_a ul li.weixin .wem1{width: 203px; display: none;text-align: center; padding-top: 215px; position: absolute; margin-left:-90px;margin-top: -205px; background-image: url(../img/ewm.png);background-repeat: no-repeat;}
.foot_a ul li.weixin a:hover .wem1{ display:block;}
.foot_a ul li.qq a{ background:url(../images/foot_pic3.png) no-repeat;}
.foot_a ul li.qq a:hover{background:url(../images/foot_pic3_on.png) no-repeat;}
.foot_a ul li.sinna a{ background:url(../images/foot_pic2.png) no-repeat;}
.foot_a ul li.sinna a:hover{background:url(../images/foot_pic2_on.png) no-repeat;}
.f_div3{ line-height:24px; min-height:24px; background-color:#02517f; clear:both; color:#fff; font-size:12px; padding-top:11px; padding-bottom:11px;}

/*.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; 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);}*/

.right_ul{ height:46px; line-height:46px; overflow:hidden; border-top:2px solid #dedede; position:fixed; width:100%; bottom:0; left:0; display:none; background-color:#fff;}
.right_ul ul li{ width:25%; float:left; overflow:hidden; text-align:center; font-size:14px;}
.right_ul ul li img{ height:22px; margin:0 auto;}
.right_ul ul li a{ display:block; border-right:1px solid #dedede;}
.right_ul ul li:last-child a{ border:0;}

/*微信弹窗*/
#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;}



@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1310px) {
.header-v1 .top-main .top_r{ display:none;}

}
@media screen and (max-width: 1100px) {
.f44{ font-size:34px;}
.f24{ font-size:20px;}
.f18{ font-size:16px;}
/* 手机导航全局 */
.blank_h{ height:90px;}
.nav-hide .blank_h{ height:90px;}
.header-v1{ display:none;}
.touch-top{ display:block;}
.top_search{ width:90%; overflow:hidden; margin-bottom:10px; margin-top:0;background:url(../images/search_bg.png) #eee right center no-repeat; margin-right:5%;}
/*尾部*/
.f_bg .f_div2_r{ width:100%; padding-left:0; background:none; margin-top:3%; padding-bottom:1%;}
}
@media screen and (max-width: 930px) {
/*尾部*/
.f_div3{ text-align:center; padding-bottom:2px; line-height:20px;}
.f_div3 .l{ width:100%;}
.foot_a{ display:inline-block; float:none;  margin-top:10px;}
}
@media screen and (max-width: 830px) {
.f44{ font-size:32px;}
.f30{ font-size:26px;}
.f24{ font-size:18px;}
.f18{ font-size:14px;}
/*尾部*/
.f_bg .links{width:100%; margin-bottom:1%;}
.f_bg .links ul li{ float:left; margin-right:2%; line-height:26px; height:26px;}
}
@media screen and (max-width: 780px) {
/*右边浮动客服*/
.side{ display:none;}
.right_ul{ display:block;}
}

@media screen and (max-width: 640px) {
/* 手机导航全局 */
.blank_h{ height:80px;}
/*.nav-hide .blank_h{ height:80px;}*/
.touch-top-wrapper .touch-logo img{ height:80px;}
.touch-toggle li i{ margin-top:20px;}
.touch-menu ul li a{ font-size:16px; height:40px; line-height:40px;}
.touch-menu ul ul li a{ font-size:14px;}
.f44{ font-size:30px;}

}

@media screen and (max-width: 480px) {
.f44{ font-size:26px;}
.f30{ font-size:20px;}
.f24{ font-size:16px;}
.f18{ font-size:13px;}
/* 手机导航全局 */
.blank_h{ height:70px;}
.nav-hide .blank_h{ height:70px;}
.touch-top-wrapper .touch-logo img{ height:70px;}
.touch-toggle li{ padding-left:8px; padding-right:8px;}
.touch-toggle li i{ width:26px; height:26px; margin-top:23px;}
/*.touch-menu ul li a{ font-size:14px; height:36px; line-height:36px;}
.touch-menu ul ul li a{ font-size:13px;}*/

}

@media screen and (max-width: 360px) {
.f44{ font-size:24px;}
}

