body{font-family:"微软雅黑"!important;color: #999;font:14px Microsoft YaHei!important;line-height: 24px;background: #fff;opacity: 0;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;max-width: 100%;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.ts{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #666;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;color: #999;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;}
a:focus {outline:none;outline-offset:0;}
.img img{width: 100%;transition: 0.7s transform;}
.slick-slide{outline: none!important;}
#wrap_index{overflow: hidden;position: relative;padding-top: 144px;}
.holder{padding: 0 13.54%;}
/*.slick-arrow:before{display: none;}*/
/*头部*/
#header{width: 100%;height:auto;position: fixed;top: 0;left: 0;z-index: 12;background: #fff;box-shadow: 0 0 16px rgba(0,0,0,0.1);}
.headtop{width: 100%;height: 44px;font-size: 14px;color: #fff;background: #003e7d;position: relative;z-index: 8;}
.headtop .hotell{display: inline-block;height: 20px;margin: 12px 0;border-left: 1px solid #fff;padding-left:44px;margin-left: 20px;background: url(../images/icon1.png) 18px center no-repeat;}
.headtop a{float: right;width:24px;display: block;height: 44px;margin-left: 26px;background: url(../images/icon2.png) center no-repeat;transition: 300ms;position: relative;}
.headtop a:hover{background: url(../images/icon2_h.png) center no-repeat;transition: 300ms;}
.headtop a.alink2{background: url(../images/icon3.png) center no-repeat;}
.headtop a.alink2:hover{background: url(../images/icon3_h.png) center no-repeat;}
.headtop a.alink3{background: url(../images/icon4.png) center no-repeat;}
.headtop a.alink3:hover{background: url(../images/icon4_h.png) center no-repeat;}
.head_bt{display: flex;}
#header .logo{width: 27%;height: 100%;}
#header .logo a{display: table-cell;vertical-align: middle;width:305px;height: 100px;transition: 400ms;}
#header .logo img{max-width: 100%;max-height: 100%;}

.mol_navbutton{width: 50px;height: 50px;position: absolute;right: 0;top: 0;background: url(../images/nav_btn.png) center no-repeat;background-size: 20px auto;}

#header .nav_box{flex:1;height: 100%;}
.nav_box .yiji{width:14.285%;float: left;height:auto;text-align: center;position: relative;transition: 400ms;}
.nav_box .yiji .one{display: block;width: 100%;height: 100px;line-height: 100px;overflow: hidden;font-size: 16px;color: #003e7d;position: relative;z-index: 6;transition: 400ms;}
.nav_box .yiji:hover .one,.nav_box .yiji.current .one{background: #ff7f00;color: #fff;transition: 400ms;}
.nav_box .yiji .libox{background: rgba(255,127,0,0.8);padding: 12px 0;width: 100%;height: auto;overflow: hidden;position: absolute;top:100%;left:0;z-index: 8;text-align: center; 
transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden; opacity: 0; }
.yiji:hover .libox{opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.yiji .libox a{display: block;width: 100%;height: 28px;line-height: 28px;overflow: hidden;color: #e8d4c0;font-size: 14px;transition: 300ms;}
.yiji .libox a:hover{color: #fff;transition: 300ms;}

/*form .put1::-webkit-input-placeholder { color:#fff;}  
form .put1:-moz-placeholder { color:#fff;}  
form .put1::-moz-placeholder { color:#fff;}  
form .put1:-ms-input-placeholder{color: #fff;}*/

@-webkit-keyframes childNav {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes childNav {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.hadEwm_img{position: absolute;top:44px;right:50%;margin-right:-55px; background: #fff;border-radius: 5px;padding:6px;text-align: center;
    width:110px;box-shadow: 0 7px 20px 0 rgba(0,0,0,.1);display: none;animation: childNav .3s;-webkit-animation: childNav .3s;}
.hadEwm_img:before{content:"";display: block;top:-6px;left:50%;margin-left:-6px;position: absolute;
    border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;}
.alink1:hover .hadEwm_img{display: block;}


@media (min-width: 768px){
    #header.head_up{top: -44px;}
    #header.head_up .logo a{height: 80px;}
    #header.head_up .yiji .one{height: 80px;line-height: 80px;}
    .contact li:nth-child(2){animation-delay: 0.2s;}
    .contact li:nth-child(3){animation-delay: 0.4s;}
  
}
/*首页大图*/
.slick-dotted.slick-slider{margin-bottom: 0;}
#banner{position: relative;z-index: 3;}
#banner img{width: 100%;}
#banner .slick-list{width: 100%;}
#banner .slick-slide{overflow: hidden;}
.slick-dots li button:before{display: none;}
#banner .slick-dots{bottom: 20px;}
#banner .slick-dots li{width: 14px;height:14px;margin: 0 5px;border: 1px solid #fff;border-radius: 50%;}
#banner .slick-dots button,.single-pros .slick-dots button{display: none;}
#banner .slick-dots li.slick-active{background: #ff7f00;border: 1px solid #ff7f00;}
/*内容*/
.alltitle{width: 100%;height: auto;line-height: 1.8;text-align: center;padding:45px 0 30px;text-transform: uppercase;}
.alltitle a{color: #333;display:inline-block;position: relative;font-size: 24px;font-weight: bold;}
.alltitle a p{font-size: 14px;color: #999;font-weight: normal;}
.content1{width: 100%;height:auto;position: relative;padding: 80px 0;position: relative;}
.content1:before{content: "";width: 100%;height: 55%;background: url(../images/bg1.jpg) top left repeat;position: absolute;top: 0;left: 0;}
.classbox{width: 100%;height: auto;background: #fff;border-radius: 6px;box-shadow: 0 3px 24px rgba(0,0,0,0.08);position: relative;z-index: 2;}
.classbox .class_item{padding:0 2% 2%;}
.class_item a{display: block;width: 78%;margin: 4% auto;position: relative;top: 0;transition: 300ms;}
.class_item .cimg{width: 100%;height:auto;border-radius: 50%;position: relative;}
.class_item .img{width: 100%;height: auto;border:8px solid #fff;overflow: hidden;border-radius: 50%;transition: 300ms;}
.class_item .cimg:before{content: "";width: 100%;height: 100%;border: 1px solid #b7c8da;position: absolute;top: 0;left: 0;border-radius: 50%;}
.class_item .cimg:after{content: "";width: 97.6%;height: 97.6%;border: 1px solid #86a3c1;position: absolute;top: 1.2%;left: 1.2%;border-radius: 50%;}
.class_item dl{text-align: center;padding:5% 0;}
.class_item dt{width: 100%;font-size: 18px;color: #333;line-height: 1.7;}
.class_item dd{width: 100%;font-size: 14px;color: #999;line-height: 1.7;margin: 10px 0 20px;}
.class_item span{display: inline-block;width: 60%;height: 60px;line-height: 60px;text-align: center;font-size: 14px;color: #fff;background: #003e7d;border-radius: 30px;position: relative;bottom: -10px;opacity: 0;transition: 300ms;}
.class_item a:hover{top: -14px;transition: 300ms;}
.class_item a:hover .img{box-shadow: 0 4px 20px #e0e0e0;transition: 300ms;}
.class_item a:hover .cimg:before,.class_item a:hover .cimg:after{display: none;}
.class_item a:hover span{bottom: 0;opacity: 1;transition: 300ms;}

.content2{padding-bottom: 70px;background: #f9f9f9;}
.teamlist{width: 100%;height: auto;}
.teamlist li{width: 100%;height: auto;padding: 15px 0;}
.teamlist li a{display:flex;align-items: center;width: 100%;height: auto;overflow: hidden;border-radius: 5px;background: #fff;padding: 2% 4%;transition: 300ms;}
.teamlist li .img{border-radius: 50%;overflow: hidden;width: 18%;}
.teamlist li .name{width:26.2%;padding:0 10px 0 3%;color: #333;font-size: 14px;line-height: 1.6;border-right: 1px solid #dddddd;}
.teamlist li .name p{font-weight: bold;line-height: 2.6;}
.teamlist .teamdec{font-size: 14px;color: #999;line-height: 28px;max-height: 84px;overflow: hidden;padding-left: 3%;}
.teamlist li a:hover{box-shadow:0 0 20px #e0e0e0;transition: 300ms;}
.teamlist li a:hover .name{color: #003e7d;}
.allmore{width: 210px;height: 60px;line-height: 60px;text-align: center;color: #fff!important;font-size: 14px;background: #003e7d;border-right: 30px;margin: 3% auto 0;display: block;border-radius: 30px;}

.aboutbox{padding: 58px 30px;background: #003e7d;border-radius: 5px;position: relative;margin: 7% 0 5%;}
.aboutbox .aimg{width: 46%;position:absolute;bottom: 58px;left: 30px;border-radius: 5px;overflow: hidden;}
.about_right{margin-left: 54%;}
.company{font-size: 14px;color: #fff;font-weight: bold;}
.about_right .abdec{font-size: 14px;line-height: 28px;color: #afc2d6;width: 100%;height:84px;overflow: hidden;margin-top: 6%;}
.morelink{display: block;width: 34%;height: 38px;line-height: 38px;font-size: 14px;color: #fff;background: #336597;border-radius: 19px;text-align: center;margin: 4% 0;}
.morelink:hover{color: #fff;}
.about_right .abtit{width: 100%;height: 80px;line-height:80px;font-size: 14px;color: #fff;border-top: 1px solid #336597;}
.about_right .abtit a{float: right;color: #688fb6;}
.about_right .abtit a:hover{color: #fff;}
.hj_item{width: 100%;padding: 0 10px;}
.hj_item .slick-list{width: 100%;}
.hj_item .slick-slide{padding: 0 15px;}
.hj_item .img{border-radius: 5px;overflow: hidden;}
.hj_item .slick-prev{left: 0;}
.hj_item .slick-next{right: 0;}
.hj_item .slick-prev:before{content: "<";font-weight: bold;color: #fff;font-size: 24px;opacity: 1;font-family: "幼圆";}
.hj_item .slick-next:before{content: ">";font-weight: bold;color: #fff;font-size: 24px;opacity: 1;font-family: "幼圆";}
.hj_item .slick-prev:hover:before,.hj_item .slick-next:hover:before{color: #f27c06;}

.xylist{width:calc(100% + 20px);height: auto;margin-left: -10px;}
.xylist a{display: block;width: 100%;padding: 10px;text-align: center;padding-bottom: 74px;position: relative;}
.xylist .img{width: 100%;height: auto;overflow: hidden;border-radius: 5px;}
.xylist .xy_dec{width: calc(100% - 20px);padding: 16px 12px 20px;position: absolute;bottom: 0;left: 10px;transition: 300ms;}
.xy_name{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #333;}
.xy_what{font-size: 14px;color: #666;overflow: hidden;width: 100%;line-height: 24px;display: none;}
.xy_star{font-size: 14px;color: #999;margin-top: 7px;display: none;}
.slick-slide .xy_star img{display: inline-block;}
.xylist a:hover .xy_dec{background: #fff;box-shadow: 0 4px 16px #edecec;border-radius: 5px;transition: 300ms;}
.xylist a:hover .xy_what,.xylist a:hover .xy_star{display: block;transition: 300ms;}

.content4{width: 100%;height: auto;overflow: hidden;padding: 40px 0 60px;}
.newbox{width: 68.7%;float: left;}
.twotitle{width: 100%;height: 86px;line-height: 86px;margin-bottom: 26px;}
.twotitle span{font-size: 24px;font-weight: bold;color: #333;display: inline-block;height: 100%;border-bottom: 2px solid #003e7d;}
.twotitle a{float: right;font-size: 14px;color: #999999;margin-right: 30px;}
.twotitle a:hover{color: #003e7d;}
.newbox .new_item{width: 100%;margin-left: 0;}
.new_item a{display: block;width: 100%;padding:14px 30px 14px 0;}
.newlist .time{padding-left: 27px;font-size: 14px;color: #999;line-height: 30px;margin-top: 16px;background: url(../images/icon5.png)left center no-repeat;}
.newlist .newbt{width: 100%;height: 44px;line-height: 44px;font-size: 16px;color: #333;overflow: hidden;}
.newlist .newtext{width: 100%;height: 56px;line-height:28px;font-size: 14px;color: #999999;overflow: hidden;} 
.newlist a:hover .time{background: url(../images/icon5_h.png)left center no-repeat;color: #003e7d;}
.newlist a:hover .newbt,.newlist a:hover .newtext{color: #003e7d;}
.askbox{width: 31.3%;float: right;}
.askbox li{padding: 16px 0;border-bottom: 1px solid #dddddd;}
.askbox li a{display: block;width: 100%;height: auto;}
.askbox li .question{width: 100%;padding-left: 27px;height:18px;line-height: 18px;font-size: 14px;color: #333;overflow: hidden;background: url(../images/icon6.png) left center no-repeat;}
.askbox li .anset{width:100%;padding-left: 27px;height: 56px;line-height: 28px;font-size: 14px;color: #666;overflow: hidden;margin-top: 10px;background: url(../images/icon7.png) left 6px no-repeat;} 
.askbox li a:hover .question{color: #003e7d;background: url(../images/icon6_h.png) left center no-repeat;}
.askbox li a:hover .anset{color: #003e7d;background: url(../images/icon7_h.png) left 6px no-repeat;}
#footer{width: 100%;font-size: 14px;color: #8d9db8;line-height: 1.7;text-align: center;padding: 25px 0;background: #003e7d;}
#footer a{color: #8d9db8;margin: 0 3px;}
#footer a:hover{color: #fff;}

.mol_navbox{width: 100%;height: 54px;background: #003e7d;position: fixed;bottom: 0;left: 0;z-index: 6;}
.mol_navbox .fotli{width: 25%;float: left;text-align: center;font-size:14px;color: #fff;line-height: 22px; position: relative;}
.mol_navbox .fotli i{display: inline-block;height: 28px;padding-top: 5px;}
.mol_navbox .fotli img{height: 100%;}
.mol_navbox .fotli a{color: #fff;}
.mol_navbox .ewm{display: none;background: #fff;height: auto;position: absolute;left: 50%;bottom: 62px;border-radius: 8px;box-shadow: 0 0 12px rgba(107,107,107,0.28);font-size: 14px;line-height: 1.7;color: #444;padding: 6px 10px;
  -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.mol_navbox .ewm:before{content: "";border-bottom: 6px solid transparent;border-top: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top: 100%;left: 50%;margin-left: -6px;}
.mol_navbox .adr{width: 250px;}
.mol_navbox .ewm{width: 110px;padding: 12px;}
.formbox{display: none;width: 100%;height:50px;position: fixed;bottom:54px;left:0;background: #f7f7f7;padding:8px 14px;}
.formbox form{width: 100%;height: 100%;background: #fff;display: flex;}
.formbox .subbtn{width: 21%;height: 100%;background: #f4ca1c;color: #333;line-height: 34px;}
.formbox .key_txt{flex:1;color: #808080;padding: 0 10px;} 
/*内页*/
.nybanner{width: 100%;height: auto;overflow: hidden;padding: 60px 0;background: url(../images/bg2.jpg) repeat;text-align: center;font-size: 16px;color: #9aabbc;line-height: 2;}
.nybanner p{font-size: 24px;color: #fff;line-height: 1.8;}
.nybanner a{color: #9aabbc;}
.nybanner a:hover{color: #fff;}
.contny{width: 100%;height: auto;overflow: hidden;padding: 3% 0;}
.posnavslid{width: 100%;height: auto;position: relative;z-index: 2;}
.posnavslid .slick-list{overflow: unset;}
.posnavslid .slick-slide{text-align: center;position: relative;z-index: 2;padding: 0 5px;}
.posnavslid .slick-slide>a{display:block;width: 100%;height: 50px;padding: 0 10px;border-radius: 5px;line-height: 50px;font-size: 14px;color: #666666;background: #f9f9f9;transition: 300ms;}
.posnavslid a.on,.posnavslid>a:hover{background: #003e7d;color: #fff;transition: 300ms;}
.poserji{display: none;width:calc(100% - 10px);height: auto;padding: 10px 0;position: absolute;left:5px;top:100%;background: #00366d;border-radius: 0 0 5px 5px;}
.poserji a{display: block;width: 100%;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #87c3ff;transition: 300ms;}
.poserji a.two:hover,.poserji a.ez{color: #fff;transition: 300ms;}
/*.poserji a.thr{font-size: 14px;color: #999;transition: 300ms;}*/
.poserji .thritem{display: none;background: #002e5c;padding: 10px 0;}
.poserji a.thr:hover{color: #fff;}
.abtitle{text-align: center;font-size: 24px;font-weight: bold;line-height: 1.5;color: #333;width: 100%;height: auto;padding: 30px 0;}
.abdectil{width: 100%;height: auto;overflow: hidden;font-size: 14px;line-height: 1.7;color: #333;}
.abdectil img{max-width: 100%;}
.postitle{width: 100%;height: 48px;line-height: 48px;border-bottom: 1px solid #eeeeee;margin: 12px 0;}
.postitle span{font-size: 16px;font-weight: bold;color: #333;display: inline-block;padding-right: 10px;width:auto;height: 48px;border-bottom: 2px solid #003e7d;}
.postitle a{float: right;font-size: 14px;color: #333;}
.postitle a:hover{color: #003e7d;}
.prolist{width: 100%;height: auto;padding-bottom:20px }
.prolist li{padding: 12px 0;}
.prolist li a{display: block;width: 100%;height: auto;overflow: hidden;border: 1px solid #ddd;border-radius: 5px;}
.prolist li .litop{width: 100%;height: auto;overflow: hidden;padding: 20px 30px 20px 20px;display: flex;align-items: center;}
.prolist .litop .pimg{width:138px;margin:0 2.6% 0 2.2%;}
.prolist .litop dl{flex:1;}
.prolist .litop dt{width: 100%;height: 34px;line-height: 34px;font-size: 16px;color: #333;overflow: hidden;font-weight: normal;transition: 300ms;}
.prolist .litop dt span{font-size: 14px;color: #999;float: right;}
.prolist .litop dt span i{font-size: 30px;color: #ff7f00;}
.prolist .litop dd{width: 100%;max-height:72px;overflow: hidden;line-height: 24px;font-size: 14px;color: #666666;margin-top: 10px;}
.prolist li .litip{width: 100%;height: 36px;line-height: 36px;font-size: 14px;color: #333;background: #f9f9f9;padding: 0 4%;transition: 300ms;}
.prolist li a:hover .litop dt{color: #003e7d;transition: 300ms;}
.prolist li a:hover .litip{background: #003e7d;color: #fff;transition: 300ms;}

.contny2{padding: 0 0 3%;}
.propos{width: 100%;height: auto;border: 1px solid #dddddd;padding:12px 2%;background: #f9f9f9;font-size: 14px;color: #333;line-height: 36px;border-radius: 5px;margin: 22px 0 12px;}
.propos a{display: inline-block;padding: 0 16px;height: 36px;line-height: 36px;margin: 3px;transition: 300ms;}
.propos a.on,.propos a:hover{background: #003e7d;color: #fff;border-radius: 5px;transition: 300ms;}
/*页码*/
.allpage{width: 100%;height: auto;text-align: center;padding: 18px 0 50px;}
.allpage a{display: inline-block;margin: 0 5px;width: 40px;height: 40px;line-height:38px;color: #999;font-size: 14px;border: 1px solid #f1f1f1;transition: 400ms;}
.allpage a.a1{width: 80px;}
.allpage a:hover,.allpage a.on{background: #ff8000;border: 1px solid #ff8000;color: #fff;transition: 400ms;}

.newny_item{width:calc(100% + 30px);margin-left: -15px;}
.newny_item a{display: block;width: 100%;padding:15px;}
.prodectil{font-size: 16px;color: #333;line-height: 24px;width: 100%;height: auto;padding: 20px 3.5%;border: 1px solid #ddd;border-radius: 5px;}

/*.contny3{width: 100%;height: auto;overflow: hidden;padding: 3% 0 2%;}
.contnybot{width: 100%;padding-bottom: 3%;}*/
.contnybot .teamlist{padding: 12px 0;}
.contnybot .teamlist li a{background: #f9f9f9;}
.contnybot .teamlist li a:hover{background: #fff;}
.teaimg{width: 43%;height: auto;overflow: hidden;border-radius: 50%;margin: 40px auto 25px;}
.teatitle{width: 100%;height: auto;font-size: 16px;font-weight: bold;color: #333;text-align: center;}
.teadectil{width: 100%;height: auto;text-align: center;font-size: 14px;color: #333;line-height: 28px;margin-top:30px; }
.newdectil{width: 100%;height: auto;font-size: 14px;color: #333;line-height: 28px;margin-top:30px; }

.contact{width: 100%;height: auto;overflow: hidden;padding: 69px 0;border: 1px solid #eeeeee;}
.contact li{padding: 10px 5%;border-right: 1px solid #eee;width: 33.33%;float: left;color: #333;line-height: 22px;}
.contact li p{font-weight: bold;font-size: 16px;margin-bottom:18px;}
.contact li:last-child{border-right: none;}
.tactform{width: 100%;height: auto;padding: 20px 0;}
.tactform dd{width: 100%;min-height: 56px;border: 1px solid #eee;margin: 20px 0;padding: 0 64px;position: relative;font-size: 14px;line-height: 54px;color: #999;}
.tactform dd .ficon{width: 15px;height: 15px;position: absolute;left: 28px;top:20px; }
.tactform dd .ficon img{display: block;}

.tactform .intext{width: 100%;}
.tactform .pltext{width: 100%;height: 160px;line-height: 24px;padding: 14px 0;}
.subtn{width: 200px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 14px;background: #003e7d;display: block;margin: 0 auto;}

.newlist{width: calc(100% + 30px);margin-left: -15px;height: auto;overflow: hidden;}
.newnylist{padding: 15px 0;}
.newnylist li{width: 33.33%;float: left;padding: 15px;}

.newtitle{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #eeeeee;margin: 12px 0;font-size: 16px;font-weight: bold;color: #333;padding: 18px 0;position: relative;}
.newtitle i{float: right;color: #999;font-weight: normal;font-size: 14px;}
.newtitle:before{content: "";width: 25%;height: 2px;background: #003e7d;position: absolute;bottom: 0;left: 0;}
.contny .xylist{overflow: hidden;padding: 12px 0;}
.contny .xylist li{width: 25%;float: left;padding: 10px 0;}

.xyfcimg{width: 39%;height: auto;border-radius: 5px;overflow: hidden;margin: 24px auto 0;}






/*页码*/
.allpage{width: 100%;height: auto;text-align: center;padding: 8px 0 30px;}
.allpage a{display: inline-block;margin: 0 3px;width: 40px;height: 40px;line-height:38px;color: #808080;font-size: 14px;border: 1px solid #dddddd;border-radius: 4px;transition: 400ms;}
.allpage a.a1{width: 80px;}
.allpage a:hover,.allpage a.on{background: #003e7d;border: 1px solid #003e7d;color: #fff;transition: 400ms;}
/*文章上下篇*/
.choose_art{width: 100%;height:auto;overflow: hidden;padding:10px 2%;background: #f9f9f9;margin-top: 30px;}
.choose_art a{display: block;height: 24px;line-height:24px;color: #999999;font-size: 14px;overflow: hidden;transition: 300ms;}
.choose_art a:hover{color: #003e7d;transition: 300ms;}
/*panle导航开始*/
.left_nav{width:84%;height:100%;z-index:7;background: #191919;position: fixed; top:0px; right:0px;z-index: 66;}
.class-top{width: 100%;height:50px;padding: 0 15px;line-height: 50px;font-size: 18px;color: #fff;font-weight: bold;}
.class-top .closebtn{width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height:28px;float: right;border-radius: 50%;background: #fff;color: #191919;font-size: 28px;margin: 10px 0;}
.class-m{width: 100%;height: 90%;overflow-y:auto;padding: 15px;}
.opacity2{width:100%; height:100%; position: fixed; top:0; left:0px; background:rgba(0,0,0,0.5); z-index:24; display:none;}
.overflow{height:100%; overflow:hidden;}
.class-m .nnav{width:100%;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;}
.class-m .nnav li a.ce{color: #fff;font-size: 16px;display: block;height:44px;line-height:44px;}
/*.class-m .nnav li a.ce.xz_a{color: #1758a3;}*/
.menu_head .ericon{width:44px;height:44px;line-height:44px;text-align:right;float:right;display:inline;position: relative;z-index: 3;color: #333;font-size: 22px;}
.menu_head .ericon span,.menu_body .thricon span,.menu_body .foricon span{display: inline-block;width: 100%;color: #fff;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none;}
.class-m .nnav .menu_body li{border-bottom: none;}
.menu_body li a.er{padding:0 16px 0 20px;font-size:15px;display: block;height:40px;line-height:40px;color: #999;position: relative;}
/*.menu_body li a.er.tz_a{color: #1758a3;}*/
.menu_body .thricon{color:#999;width:44px;height:40px;line-height:40px;text-align:right;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding:0 15px 0 36px;font-size: 14px;display: block;height:44px;line-height:44px;color: #666;}
/*.thr_body li a.thr:before{content: "";border-left: 5px solid #666;border-right: 5px solid transparent;border-top: 5px solid transparent;border-bottom: 5px solid transparent;position: absolute;left: 32px;top: 17px;}
.thr_body li a.fz_a:before{border-left: 5px solid #333;}*/
/*.thr_body li a.thr.fz_a{color: #1758a3;}*/
.class-m .nnav li .for_body{display: none;}
.for_body li a.for{position: relative;padding-left:52px;font-size: 14px;display: block;height:40px;line-height:40px;color: #999;}
.menu_body .foricon{color:#666;width:44px;height:40px;line-height:40px;text-align:right;float:right;display:inline;position: relative;z-index: 3;font-size: 24px;}
.menu_body .foricon .icont1{ display:none;}
.menu_body .foricon.tz .icont1{ display:block;}
.menu_body .foricon.tz .icont2{ display:none;}
/*panle导航结束*/
.page-prev {
transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);  
-o-transform:translate3d(100%, 0, 0); 
-moz-transform:translate3d(100%, 0, 0);
}
.page-next {
transform:translate3d(-84%, 0, 0);
-ms-transform:translate3d(-84%, 0, 0);
-webkit-transform:translate3d(-84%, 0, 0); 
-o-transform:translate3d(-84%, 0, 0);  
-moz-transform:translate3d(-84%, 0, 0);
}
.page-active{
transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0); 
-o-transform:translate3d(0, 0, 0);  
-moz-transform:translate3d(0, 0, 0);}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}

@media(max-width: 1640px){
  .holder{padding: 0 10%;}
  
}
@media(max-width: 1460px){
  .holder{padding: 0 8%;}
  
}
@media(max-width: 1300px){
  .teamlist li .img{width: 28%;}
  .teamlist li .name{width: 42%;}
  .askbox li .anset{line-height: 22px;height: 44px;margin-top: 7px;}

}
@media (max-width: 1199px){
  .holder{padding: 0 6%;}
  #header .logo{width: 22%;}
  .class_item span{height: 44px;line-height: 44px;}
  .teamlist li .img{width: 38%;}
  .twotitle{height: 70px;line-height: 70px;margin-bottom: 20px;}
  .twotitle span{font-size: 20px;}

}
@media (min-width: 768px) and (max-width: 991px){
  #header .logo a,#header.head_up .logo a{height: 70px;}
  #header .yiji .one,#header.head_up .yiji .one{height: 70px;line-height: 70px;font-size: 14px;}
}
@media (max-width: 991px){
	#header .logo{width: 18%;}
    #wrap_index{padding-top: 114px;}
    #banner .slick-dots{bottom: 15px;}
    #banner .slick-dots li{width: 10px;height: 10px;}
    .content1{padding: 60px 0;}
    .teamlist li .img{width: 42%;}
    .about_right .abdec{height: 66px;line-height: 22px;}
    .morelink{width: 40%;height: 30px;line-height: 30px;font-size: 14px;}
    .about_right .abtit{height: 60px;line-height: 60px;}
    .aboutbox{margin: 0 0 5%;}
    .hj_item{padding: 0 20px;}
    .hj_item .slick-slide{padding: 0 5px;}
    .newbox{width: 100%;}
    .askbox{width: 100%;}
    .abtitle{font-size: 18px;padding: 30px 0 20px;}
    .teaimg{width: 56%;}
    .newnylist li{width: 50%;}
    .newtitle i{display: block;width: 100%;margin-top: 10px;}
    .contny .xylist li{width: 33.33%;}
}  
@media (max-width: 768px){
  #wrap_index{padding-top: 50px;padding-bottom: 54px;}
  .headtop,.nav_box,#footer .link{display: none;}
  .holder{padding: 0 15px;}
  #header .holder{display: block;height: auto;overflow: hidden;}
  #header,#header.head_up{height: 50px;padding: 0;background: #fff;box-shadow: 0 0 14px rgba(95,100,138,0.35);}
  #header .logo{width: 50%;height: 50px;padding: 2px 0;float: left;}
  #header .logo a{height: 46px;width: 300px;}
  #banner .slick-dots{bottom: 10px;}
  .content1{padding: 30px 0;}
  .alltitle{padding: 20px 0;}
  .alltitle a{font-size: 20px;}
  .class_item dt{font-size: 16px;}
  .class_item span{bottom: 0;opacity: 1;}
  .teamlist li{padding: 8px 0;}
  .teamlist li .img,.teamlist li .name{width: 150%;}
  .teamlist .teamdec{height: 66px;line-height: 22px;}
  .content2{padding-bottom: 40px;}
  .allmore{width: 150px;height: 40px;line-height: 40px;}
  .aboutbox{padding: 66% 4% 20px;margin: 28% 0 5%;}
  .aboutbox .aimg{width: 92%;bottom: unset;top: -17%;left: 4%;}
  .about_right{margin-left: 0;}
  .xylist .xy_dec{background: #fff;box-shadow: 0 4px 16px #edecec;border-radius: 5px;transition: 300ms;width: calc(100% - 14px);padding: 12px 8px 16px;left: 7px;}
  .xylist .xy_what,.xylist .xy_star{display: block;transition: 300ms;}
  .xy_name{height: 30px;line-height: 30px;}
  .xy_star{margin-top: 3px;}
  .content4{padding: 20px 0;}
  .twotitle{height: 54px;line-height: 54px;margin-bottom: 10px;}
  .twotitle span{font-size: 16px;}
  .twotitle a{margin-right: 0;}
  .new_item a{padding: 14px 0;}
  .newlist .newtext{height: 44px;line-height: 22px;}
  #footer{padding: 12px 0;background: #333333;color: #949494;}
  #footer a{color: #949494;}
  .abtitle{font-size: 16px;padding: 30px 0 15px;}
  .prolist li .litop{padding: 14px 12px;}
  .prolist .litop .pimg{width: 26%;margin: 0 3% 0 0;}
  .prolist .litop dt span{display: none;}
  .prolist .litop dd{margin-top: 0;height: 48px;}
  .prolist li .litip{text-align: center;}
  .nybanner{padding: 30px 0;font-size: 14px;}
  .nybanner p{font-size: 20px;}
  .propos{padding: 4px 4%;}
  .propos span{display: block;}
  .propos a{padding: 0;min-width: 31.2%;text-align: center;height: 32px;line-height: 32px;border-radius: 5px;border: 1px solid #dddddd;}
  .allpage a{width: 30px;line-height: 30px;height: 30px;margin: 0;}
  .allpage a.a1{width: 60px;}
  .prodectil{font-size: 14px;}
  .posnavslid .slick-slide>a{height: 40px;line-height: 40px;}
  .teaimg{width: 78%;margin: 20px auto;}
  .teadectil{margin-top: 14px;line-height: 24px;}
  .contact{padding: 0 14px;}
  .contact li{padding: 12px 0;border-right: 0;border-bottom: 1px solid #eee;width: 100%;}
  .contact li p{margin-bottom: 3px;font-size: 14px;}
  .contact li:last-child{border-bottom: none;}
  .tactform dd{margin: 0;margin-bottom: 8px;padding: 0 8px 0 40px;min-height: 42px;line-height: 40px;}
  .tactform dd .ficon{left: 14px;top: 14px;}
  .tactform .pltext{padding: 8px 0;height: 130px;}
  .subtn{width: 100%;margin-top: 14px;}
  .newnylist li{width:100%;}
  .xylist{width: calc(100% + 14px);margin-left: -7px;}
  .contny .xylist li{width: 50%;padding: 6px 0;}
  .xylist a{padding: 7px;padding-bottom: 74px;}
  .xyfcimg{width: 86%;}

}
@media (max-width: 420px){
      
}
@media (max-width: 360px){
    
}

