*{margin:0;padding:0;border:0;}
body {background-color: #fff; overflow-x:hidden;color: #333;font-size: 12px; font-family: "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";}
a { color: #333;
  text-decoration: none;
  -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;
}
.header { width: 100%; height: 2.6rem; position: relative; z-index: 9999;}
a:hover {color: #023793;/*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;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}

/*PC导航*/

.header-v1{ width:100%; z-index:10;}
.tbwz{ line-height: 40px; background: #f4f3f3; font-size: 14px; color: #333;}
.tbr{ width:30; float:right; text-align:right; height:35px;}
.tbr li{ float:right; width:65px; height:35px; text-align:center; line-height:35px; margin-right:10px; }
.tbr li a{ color:#333; font-size: 14px;}
.header-v2{  padding: 20px 0px 20px 0px;}
.logo_l{ width: 200px;}
.logo_l dl{ line-height: 37px; font-size: 30px; color: #333333; font-weight: bold; margin-bottom: 4px;}
.logo_l dt{ line-height: 19px; font-size: 12px; text-transform: uppercase; color: #333333;}
.logo_c{ width: 380px; border-left: 1px solid #EEEEEE; padding-left: 26px; text-align: left;}
.logo_c dl{ line-height: 70px; font-size: 24px; color: #0049A4; font-weight: bold;}
.logo_c dl span{ color: #0049A4;}
.logo_r{ width: 220px; background: url(../images/tel.png) no-repeat left 13px; padding-left: 50px;}
.logo_r dl{ padding-top: 6px; line-height: 23px; font-size: 14px; color: #888888;}
.logo_r dt{ line-height: 26px; font-size: 34px; color: #023793; font-family: impact;}
.header .nav {font-size: 0;background-color: #0049a4;color: #fff;}
.header .nav li {display: inline-block;vertical-align: middle; background: url(../images/nav_h.png) no-repeat right center ;}
.header .nav li a {display: block;font-size: 16px;line-height: 62px;padding: 0 72px;color: #fff;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {color: #fff;background-color: #FF9900;}
.header .nav li.dropdown {position: relative;}
.header .nav li.dropdown:before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 25px;}
.header .nav li:nth-child(6){ background: none;}
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);background-color: rgba(255,255,255,0.9);}
.header .nav .dropdown-box p {margin: 0;border-bottom: dotted 1px #ccc;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;background-color: transparent !important;line-height: 40px;color: #333 !important;}
.header .nav .dropdown-box a:hover {background-color: #fff !important;color: #023793 !important;}
.header .nav li.open .dropdown-box {display: block;}


.nav-hide .header-v1{ height:99px;}

.nav-hide .blank_h{ height:99px;}

.nav-hide .header-v1 .top-main .logo1 img{ height:99px;}

/*.nav-hide .header-v1 .top-main .top-main-content{ margin-top:18px;}*/

.header-v1 .top-main{ width:100%;/* max-width:1730px;*/ margin:0 auto;/* position:relative;*/}

.header-v1 .top-main .logo1{ float:left; height:100%; margin-left:2%;}

.header-v1 .top-main .logo1 img{ height:100%;}

.header-v1 .languages{ float:right; position:relative; display:block;font-size:18px; color:#16549e;height:114px;line-height:114px; width:34px; text-align:center; font-weight:bold; font-family:"微软雅黑"; text-decoration:none; text-align:center; margin-left:3px; margin-right:2%;}

.nav-hide .header-v1 .languages{ height:99px; line-height:99px;}

.header-v1 .languages:Hover{ background-color:#fff;}

.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-top:31px;*/}

.navBar{}

.nav{ list-style:none; padding:0;  }

.nav .m{ float:left; border-top:0; border-bottom:0; width:120px; position:relative;}

.nav a:hover{ text-decoration:none;    }

.nav h3{ float:left; font-weight:normal; font-size:16px; height:114px; overflow:hidden; width:100%; text-align:center; }

.nav h3 a{ display:block; color:#666666;  line-height:114px; font-size:16px;}

.nav-hide .nav h3{ height:99px;}

.nav-hide .nav h3 a{ line-height:99px;}

.nav .on{}

.nav .on h3 a{/* height:42px; line-height:42px; */color:#fff; background-color:#023793;/*background:url(../images/top_bg.png) center bottom 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: -1px;height:4px;opacity: 0;background-color: #023793;-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; /*默认隐藏*/ width:100%;  padding:0;   position:fixed; top:117px; left:0; background:#fff; z-index:110; border-top:3px solid #ededed;}
.nav-hide .nav .sub{ top:102px;}
.nav .sub dl{ text-align:right; float:right; width:1000px;}
.nav .sub dd{ float:left;vertical-align:middle; list-style:none; text-decoration:none; margin-right:3%;}
.nav .sub dd a{ height:74px; line-height:74px; display:block; color:#37230a;font-size:15px;}
.nav .sub dd a:hover{ color:#02358D;}
.site{ display: flex; justify-content: center; font-size: 16px; margin-bottom: 2%; color: #fff;}
.site a{ padding: 0px 5px; color: #fff; font-size: 16px;}
.blank_h{ height:117px; overflow:hidden;}

.nav #m1{ width:90px;}

.top_search{ float:right;height:114px; width:34px; position:relative;}

.nav-hide .top_search{ height:99px;}

.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:-56px;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{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:12px; 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:30px;}



	.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#023793; 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:35px; font-size:16px; height:38px; line-height:38px; }		



	.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:30px; 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;}





/*尾部*/
.footer {background: #F1F1F1;color: #666666;}
.footer a {color: #000;}
.footer a:hover {color: #fff;}
.footer-nav {background-color: #0049a4;color: #fff;margin-bottom: 35px;}
.footer-nav a {color: #fff;}
.footer-nav ul {font-size: 0;text-align: center;}
.footer-nav li {display: inline-block;vertical-align: middle;position: relative;}
.footer-nav li:before {content: "";position: absolute;top: 25px;right: 0;width: 1px;height: 14px;background: #fff;border: 0;}
.footer-nav li:last-child:before {display: none;}
.footer-nav li a {display: block;line-height: 64px;font-size: 16px;padding: 0 35px;}
.footer-copy {text-align: center;padding: 10px 0;background-color: F1F1F1;margin-top: 35px;color: #666;}
.footer-copy p {margin: 0;}
.footer-logo {float: left;}
.footer-logo .tel {line-height: 45px;text-align: left;margin-top: 30px;font-size: 14px;}
.footer-logo .tel strong {font-size: 20px;}
.footer-tit {font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.footer-tit small {margin-left: 10px;opacity: 0.6;font-size: 14px;}
.footer-contact {float: left;margin-left: 80px;padding-left: 80px;border-left: 1px solid #D8D8D8;width: 500px;}
.footer-contact p {margin: 5px 0 0;font-size: 14px;line-height: 1.8;}
.footer-ewm {float: right;}
.footer-ewm ul {margin-left: -10px;}
.footer-ewm li {float: left;width: 160px;}
.footer-ewm li p {margin: 10px 0 0;text-align: center;font-size: 14px;}

.foot_bg{ background-color:#000; overflow:hidden; /*border-top:1px solid #fff;*/}

.foot_con{ width:98%; margin:0 auto; overflow:hidden;}

.foot_con .foot_con_l{ float:left; overflow:hidden;}

.foot_con .foot_con_l .foot_con_a{ line-height:30px; font-size:14px; color:#c7c7c7; overflow:hidden; margin-bottom:4%; margin-top:1%;}

.foot_con .foot_con_l .foot_con_a a{ color:#c7c7c7;}

.foot_con .foot_con_l .foot_con_a a:Hover{ color:#023793;}

.foot_con .foot_con_l .foot_con_logo{margin-top:30px; display:block; clear:both;}

.foot_con .foot_con_r{ float:right;padding-top:30px;}

.foot_con .foot_con_r img{ width:80px; float:right; margin-bottom:30px; margin-left:12px;}

.foot_con .foot_con_r ul{ float:right;font-size:12px; color:#c7c7c7; line-height:30px; margin-bottom:20px; }

.foot_con .foot_con_r ul li{ display:block;text-align:right; overflow:hidden;height:26px; line-height:28px;}

.foot_con .foot_con_r ul li a:hover{ color:#023793;}

.foot_con .foot_con_r ul li .tel{ float:right; padding-left:14px;color:#c7c7c7; background:url(../images/foot_pic1.png) left 4px no-repeat;  }

.foot_con .foot_con_r ul li .email{ float:right; padding-left:25px;color:#c7c7c7; background:url(../images/foot_pic2.png) left center no-repeat;  }



.foot_bg2{ background-color:#023793; height:39px; line-height:39px; color:#fff; text-align:left; overflow:hidden;}

.foot_bg2 a{color:#fff;}

.foot_con2{ width:97%; margin:0 auto; max-width:1182px; overflow:hidden;}

.foot_bg2 .foot_con2 .footer_fx_r{ float:right;}

.foot_bg2 .foot_con2 .footer_fx_r li{ float:left;margin-left:9px; width:22px; height:22px; margin-top:9px; cursor:pointer;}

.foot_bg2 .foot_con2 .footer_fx_r li a{ display:block;}

.foot_bg2 .foot_con2 .footer_fx_r li:Hover{opacity:0.8; filter:alpha(opacity=80);}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_weixin{ background:url(../images/i_foot_pic2.png) center center no-repeat;}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_qq{ background:url(../images/i_foot_pic3.png) center center no-repeat;}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_weibo{ background:url(../images/i_foot_pic4.png) center center no-repeat;}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_sinna{ background:url(../images/i_foot_pic5.png) center center no-repeat;}

.foot_bg2 .foot_con2 .footer_fx_r .ewm{ width:203px; height:201px;background:url(../images/ewm.png) no-repeat; margin-top:-210px; position:absolute; margin-left:-90px; display:none; }

.foot_bg2 .foot_con2 .footer_fx_r li.foot_weixin:hover .ewm{ display:block;}

.foot_bg2 .foot_con2 .footer_fx_r li.foot_weixin{opacity:1; filter:alpha(opacity=100);}

.foot_bg2 .foot_con2 .footer_fx_r img{ margin-left:24px; margin-top:22px; width:150px; height:150px; }

.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);}

.section {padding: 60px 0;}
.section-title {margin-bottom: 40px;text-align: center;font-size: 40px; color: #333;}
.section-title span{ color: #0049A4; font-weight: bold;}
.section-title p {color: #999;font-size: 18px;margin: 5px 0 0; line-height: 35px;}

.in-prod-menu {text-align: center;font-size: 0;margin-bottom: 20px;}
.in-prod-menu li {display: inline-block;vertical-align: middle;}
.in-prod-menu li a {display: block;margin: 0 5px 15px;font-size: 14px;line-height: 39px;position: relative;background: url(../images/pro-btn.png) no-repeat center / 100% 100%;width: 300px;}
.in-prod-menu li a:before,.in-prod-menu li a:after {position: absolute;content: '';background-color: #fff;width: 16px;height: 1px;top: 50%;display: none;}
.in-prod-menu li a:before {left: 33px;}
.in-prod-menu li a:after {right: 33px;}
.in-prod-menu li a:hover {color: #fff;background-image: url(../images/pro-btn-h.png);}
.in-prod-menu li.active a:before,.in-prod-menu li.active a:after {display: block;}

.list-1 {margin: -20px 0 0 -20px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.list-1 li {float: left;width: 33.33%;}
.list-1 li a {display: block;margin: 20px 0 0 20px;}
.list-1 li .img-cover {}
.list-1 li .text {line-height: 50px;background: rgba(0,0,0,.54);text-align: center;margin: 2px 0 0;position: relative; margin-top: -50px;}
.list-1 li .text:before {content: '';position: absolute;left: 50%;width: 0;height: 100%;background-color: #0049A4;transition: all 0.5s;}
.list-1 li .text p {margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 1;transition: all 0.5s; color: #fff; font-size: 16px;}
.list-1 li a:hover .img-cover span {transform: scale(1.1);}
.list-1 li a:hover .text:before {width: 100%;left: 0;}
.list-1 li a:hover .text p {color: #fff;}
.list-1-1 li {width: 33.333333%;}

.ht{ margin-top:50px; height: 284px; background:url(../images/zz.png) no-repeat  center ; padding-top: 52px;}
.htbt{ width: 330px; padding-left: 55px; padding-top: 40px; background:url(../images/zzl.png) no-repeat left center; height: 180px;}
.htbt h4{ font-size: 30px; font-weight: bold; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff;}
.htbt h2{ font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 0px; color: #ffffff; margin-top: 8px;}
.htbt h3{ font-size: 30px; font-weight: bold; font-stretch:30px; letter-spacing: 0px; color: #ffffff; font-family: "Arial"; margin-top: 20px;}
.htlc{ float: right;   margin-top: 15px;}
.htlc ul{ display: flex; justify-content: space-between;}
.htlc ul li{ padding-right: 50px; background:url(../images/zzr.png) no-repeat  right 48px;}
.htlc ul li:nth-child(5){ padding-right: 0px; background:none;} 
.htlc ul li img{ width: 126px; height: 114px;}
.htlc ul li h3{ text-align: center; font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 16px; letter-spacing: 0px; color: #ffffff; margin-top: 18px;}

#demo_{overflow:hidden;width:100%; margin-top: 50px;}
#indemo_{float:left;width:800%;}
#demo1_{float:left; padding-bottom: 10px;}
#demo2_{float:left;}
#demo3_{overflow:hidden;width:100%;}
#indemo3_{float:left;width:800%;}
#demo4_{float:left;}
#demo5_{float:left;}
.idllist1{margin:0px auto;}
.idllist1 li{float:left;margin:10px 10px 0px 10px; padding:5px; text-align: center; line-height: 50px; background: #fff;  }
.idllist1 li ol{ width: 350px; height: 233px; overflow: hidden;}
.idllist1 li ol img{width:350px;height:233px; transition: all 0.6s;}
.idllist1 li:hover ol img{ transition: all 0.6s; transform: scale(1.2);}
.idllist1 li a{ font-size: 16px; color: #333;}
.idllist1 li p{ line-height: 50px; position: relative; margin-top: -50px; background: rgba(0,0,0,0.4); color: #fff;}
.idllist1 li:hover p{ background: rgba(0,73,164,0.6);}



.in-about {margin: 0;}
.in-about dt {float: left;width: 530px; overflow: hidden;}
.in-about dd {margin-left: 580px;}
.in-about dd h4 {margin: 0 0 20px;font-size: 22px;}
.in-about dd h4 small {display: block;color: #999;font-weight: normal;font-size: 14px;}
.in-about dd h4:after {display: block;content: '';width: 38px;height: 3px;margin: 10px 0 0;background-color: #0049A4;}
.in-about dd p {margin: 0;text-align: justify;color: #666666;line-height: 30px; font-size: 16px; text-indent: 2em;}
.in-about dd .btn {margin-top: 30px;}
.in-about dd .btn a {display: inline-block;margin-right: 15px;line-height: 44px;background: url(../images/more.png) no-repeat center;color: #fff; font-size: 16px; text-align: left; width: 165px; padding-left: 35px;}

.ysly{ margin-top: 60px; height: 762px; background: url(../images/cpys.jpg) no-repeat center ; padding-top: 65px;}
.ysly .title1{ text-align: center;}
.ysly .title1 h3{ font-size: 40px; font-weight: normal; font-stretch: normal; line-height:40px; letter-spacing: 0px; color: #ffffff;}
.ysly .title1 h3 span{ font-weight: bold;}
.ysly .title1 h2{ text-align: center; font-size: 20px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #fff; opacity: 0.8; margin-top: 16px;}
.ys2{ margin-top: 52px;}
.ys2 ul li{ float: left; width: 590px; height: 224px; margin-right: 20px; margin-bottom: 21px; padding: 50px 0 0 50px; background: url(../images/ys.png) no-repeat right center #fff ; }
.ys2 ul li:nth-child(2n){ margin-right: 0;}
.ys2 ul li dl{ font-size: 24px; font-weight: bold; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #0049a4;}
.ys2 ul li dl span{  font-size: 24px; font-weight: bold; letter-spacing: 0px; color: #11509b;}
.ys2 ul li p{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 28px; color: #444444; margin-top: 20px;}
.ys2 ul li:hover{  background: url(../images/ys_h.png) no-repeat right center #fff ;}
.ys2 ul li:hover dl{ color: #FF9900;}
.bs{ color: #fff !important;}



.in-about-class {margin: 15px 0 0 -20px;}
.in-about-class li{float: left;width: 25%; overflow: hidden;}
.in-about-class li a {display: block;margin: 15px 0 0 20px;position: relative;}
.in-about-class li img {display: block;}
.in-about-class li .pic{width: 302px;}
.in-about-class li .icon{position: absolute; color: #fff; width: 100%; text-align: center;}
.in-about-class li .icon img{display: block; margin: 35px auto 7px;}
.in-about-class li .icon strong{display: block; font-size: 20px;  line-height: 20px; font-weight: bold;}
.in-about-class li .icon b{display: block; font-size: 12px; font-weight: normal;}
.in-about-class li .bg{position: absolute; background: rgba(2,55,147,0.8); width: 100%; height: 100%; opacity: 0;}
.in-about-class li:hover .bg{opacity: 1;}
.in-about-class li .line::before,.in-about-class li .line::after { position: absolute; content: ''; opacity: 0;}
.in-about-class li .line::before { top: 8px;right: 8px; bottom: 8px; left: 8px; border-top: 1px solid #fff;  border-bottom: 1px solid #fff;    transform: scale(0,1);  transform-origin: 0 0;}
.in-about-class li .line::after { top: 8px;right: 8px; bottom: 8px;left: 8px;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.in-about-class li .line::before,.in-about-class li .line::after{transition: opacity 0.35s, transform 0.35s;}
.in-about-class li:hover .line::before,.in-about-class li:hover .line::after {opacity: 1;transform: scale(1);}
.in-about-class li:hover .line::before,.in-about-class li:hover .line::after{transition-delay: 0.05s;}
.newsb{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsb dl{ width: 630px; height: 100px; padding-bottom: 30px; border-bottom: 1px dashed #D4D4D4; margin-bottom: 30px;}
.newsb dl .sj{ width: 100px; padding-bottom: 10px; float: left; margin-right: 20px; background: #F8F8F8; text-align: center; color: #888888;}
.newsb dl .sj ul{ line-height: 66px; font-size: 48px;}
.newsb dl .sj ol{ line-height: 24px; font-size: 18px;}
.newsb dl dt{ line-height: 31px; margin-bottom: 11px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsb dl dt a{ font-size: 18px; color: #272727; font-weight: bold; }
.newsb dl dd{ line-height: 27px; color: #888888; font-size: 14px;}
.newsb dl:hover .sj{ background: #023793; color: #fff;}
.newsb dl:hover dt a{ color: #023793; padding-left: 20px;}
.newsb dl:nth-child(1) .sj{ background: #023793; color: #fff;}
.newsb dl:nth-child(1) dt a{ color: #023793;}
 



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

/*PC导航*/

.nav .m{ width:96px;}



}



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

/* 手机导航全局 */

.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%;}

}

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

/*尾部*/

.foot_con .foot_con_l{ width:100%; text-align:center;}

.foot_con .foot_con_l img{ margin:0 auto;}

.foot_con .foot_con_r{ width:100%; text-align:center; padding-top:0;}

.foot_con .foot_con_r img{ float:none; margin:0 auto; margin-left:auto; margin-bottom:2%;}

.foot_con .foot_con_r ul{ float:none;}

.foot_con .foot_con_r ul li{ text-align:center;}

.foot_con .foot_con_r ul li .tel{ float:none; clear:both; display:inline-block;}

.foot_con .foot_con_r ul li .email{ float:none; clear:both; display:inline-block;}

}



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





}



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

/* 手机导航全局 */

.blank_h{ height:80px;}

.nav-hide .blank_h{ height:80px;}

.touch-top-wrapper .touch-logo img{ }

.touch-toggle li i{ margin-top:20px;}

.touch-menu ul li a{ font-size:16px; height:50px; line-height:50px;}

}



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

/* 手机导航全局 */

.blank_h{ height:70px;}

.nav-hide .blank_h{ height:70px;}

.touch-top-wrapper .touch-logo img{ }

.touch-toggle li{ padding-left:8px; padding-right:8px;}

.touch-toggle li i{ width:26px; height:26px; margin-top:12px;}

.touch-menu ul li a{ font-size:16px; height:45px; line-height:45px;}

}