@charset "utf-8";
body{font:12px/1.5 'Helvetica Neue',Helvetica,Arial,'\5FAE\8F6F\96C5\9ED1','Microsoft YaHei',Tahoma,'Hiragino sans gb',SimSun,Sans-serif;color:#333;background-color:#fff}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
:focus{outline:0}
.cutepage{text-align:right; margin-top:30px; font-size:14px;}
#go-page-num{text-align:center}
.cutepage a,.cutepage span{margin:0 5px;}
.cutepage span{color:#666}
*{padding: 0; margin: 0}
ol,ul{list-style:none}
.help-tit {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}
.create_time {
    text-align: center;
    color: #999;
    border-bottom: solid 1px #ccc;
    line-height: 28px;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
fieldset,img{border:0 none;vertical-align:top}
address,caption,cite,code,dfn,em,i,optgroup,th,var{font-style:normal;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
button,input,select,textarea{outline:0}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.fl{float:left}
.fr{float:right}
a{color:#333;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
a:hover{text-decoration:none}
.cf:after,.cf:before,.clearfix:after,.clearfix:before{content:"";display:table}
.cf:after,.clearfix:after{clear:both}
.cf,.clearfix{clear:both}
.c-333{color:#333}
.c-666{color:#666}
.c-999{color:#999}
.c-green{color:#1fb079}
.c-orange{color:#fc714c}
.c-reg{color:#d90106}
.f9{font-size:9px;-webkit-text-size-adjust:none}
.f12,.fb12{font-size:12px}
.simsun{font-family:SimSun}
.f14,.fb14{font-size:14px}
.f16,.fb16{font-size:15px}
.f18,.fb18{font-size:18px}
.f20,.fb20{font-size:20px}
.fb,.fb12,.fb14,.fb16,.fb18,.fb20{font-weight:700}
.tc{text-align:center}
.tr{text-align:right}
.show{display:block}
.hide{display:none!important}
.te,.ti{white-space:nowrap;overflow:hidden}
.ti{text-indent:-999em}
.te{text-overflow:ellipsis}
.top-pickup .two-col{display:flex;flex-wrap:wrap;border-bottom:5px solid #dce3e9}
.top-pickup .two-col li{display:flex;width:50%}
.top-pickup .two-col li a{width:100%}
.top-pickup .two-col .top-pickup__text{display:flex;padding:14px 58px 14px 0;min-height:80px;position:relative}
.top-pickup .two-col .top-pickup__text_title{display:flex;align-items:center;margin-bottom:0;padding:0 50px;font-size:22px}
.top-pickup__text_copy{line-height:1.7;font-size:14px;display:flex;align-items:center}
.top-pickup li a[target="_blank"] .top-pickup__text:before{background:url(http://gcsyjf.com/image/icon_blank.png) no-repeat 0 0/15px auto;width:15px;height:12px;content:""}
.top-pickup .two-col .top-pickup__text:before{position:absolute;display:block;margin:0;top:50%;margin-top:-6px;right:5%}
.top-pickup li a{position:relative;display:table;width:100%}
.top-pickup li a{position:relative;display:block;width:100%;color:#fff;background:linear-gradient(to right,#093fb6 0,#4887cd 100%)}
.top-pickup li a:hover .top-pickup__image img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.top-pickup__image{overflow:hidden;vertical-align:middle;width:100%}
.top-pickup__image img{width:100%;transition:transform .3s}
.top-pickup .two-col .top-pickup__text:before{position:absolute;display:block;margin:0;top:50%;margin-top:-6px}
.top-pickup .two-col .top-pickup__text:before{right:5%}
.top-pickup__text:before{content:"";position:absolute;display:block;margin:0;right:2.5%;top:50%;margin-top:-6px;background:url(http://gcsyjf.com/image/icon_arrow_wh.png) no-repeat 0 0/6px auto;width:6px;height:11px}
.top-pickup{padding:75px 0}
.dongtai{background:linear-gradient(to bottom,#eeeeef 0,#e0effc 100%);padding-bottom:70px}
.dt_tit h1{font-size:80px;text-transform:uppercase;color:#cddcea;line-height:80px}
.dt_tit h3{font-size:40px;color:#000;font-weight:700;padding-top:20px}
.top-innovative__title_btn{margin-top:150px;width:70%}
.top-innovative__title_btn a{background:linear-gradient(to right,#2658be 0,#578fd1 100%);line-height:50px;text-align:center;font-size:15px;font-weight:700;display:block;width:100%;border-radius:40px;height:50px;font-size:14px;color:#fff;box-shadow:0 3px 0 #cdd7df}
.top-innovative__main{margin-bottom:12px;padding-top:80px;display:flex;flex-wrap:wrap}
.top-innovative__main_item{width:33.3%;margin:0;border-bottom:5px solid #dce3e9;transition:background-color .3s;background:#fff}
.top-innovative__main_item a:hover{color:#fff}
.top-innovative__main_item a:hover .top-innovative__main_item__image img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.top-innovative__main_item__image{overflow:hidden}
.top-innovative__main_item__image img{width:100%;transition:transform .3s}
.top-innovative__main_item__body{position:relative}
.top-innovative__main_item__body::before{content:"";position:absolute;right:0;top:30px;bottom:30px;width:1px;background-color:#ccc}
.top-innovative__main_item__title{position:relative;padding:28px 9% 14px;font-size:18px;font-size:1.125rem;background:0 0}
.top-innovative__main_item__title::after,.top-innovative__main_item__title::before{content:"";position:absolute;left:9%;top:36.5px;margin-left:3px;width:6px;height:11px;background-repeat:no-repeat;background-size:6px}
.top-innovative__main_item__title::before{background-image:url(http://gcsyjf.com/image/icon_arrow_wh.png)}
.top-innovative__main_item__title::after{background-image:url(http://gcsyjf.com/image/icon_arrow_bl.png);transition:opacity .3s}
.top-innovative__main_item__title-inner{padding-left:18px;font-size:18px;font-weight:700;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.top-innovative__main_item__title-inner>span{margin-right:10px}
.top-innovative__main_item__text{padding:0 9% 0;margin-bottom:30px;line-height:1.5em;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.top-innovative__main_item.movie .top-innovative__main_item__title-inner:after{vertical-align:2px}
.top-innovative__main_item:last-child .top-innovative__main_item__body::before{content:none}
.top-innovative__main_item:hover{background-color:#2781d8}
.top-innovative__main_item:hover .top-innovative__main_item__title::after{opacity:0}
.top-innovative__sub{display:flex;flex-wrap:wrap;background:#fff;position:absolute;border-bottom:5px solid #dce3e9;padding:20px 1.7%}
.top-innovative__sub a{position:relative;display:flex;align-items:center;width:calc(36% - 36px);padding:0 35px 13px 0;font-size:15px;padding-bottom:13px;color:#333;font-weight:700}
.top-innovative__sub a:nth-child(1),.top-innovative__sub a:nth-child(2),.top-innovative__sub a:nth-child(3),.top-innovative__sub a:nth-child(5),.top-innovative__sub a:nth-child(6),.top-innovative__sub a:nth-child(7){border-right:1px solid #ccc}
.top-innovative__sub a:nth-child(1),.top-innovative__sub a:nth-child(2),.top-innovative__sub a:nth-child(3),.top-innovative__sub a:nth-child(4){border-bottom:1px solid #ccc}
.top-innovative__sub a span{position:relative;padding:0 0 0 18px;background:url(http://gcsyjf.com/image/icon_arrow_bl.png) no-repeat 6px 7px/6px auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.top-innovative__sub a:nth-child(2) span,.top-innovative__sub a:nth-child(3) span,.top-innovative__sub a:nth-child(4) span,.top-innovative__sub a:nth-child(6) span,.top-innovative__sub a:nth-child(7) span,.top-innovative__sub a:nth-child(8) span{padding-left:36px;background:url(http://gcsyjf.com/image/icon_arrow_bl.png) no-repeat 20px 7px/6px auto}
.top-innovative__sub a:nth-child(5),.top-innovative__sub a:nth-child(6),.top-innovative__sub a:nth-child(7),.top-innovative__sub a:nth-child(8){padding-top:20px}
.top-innovative__sub a:hover{opacity:.6}
.new_pro{margin-top:100px}
.title_home h2{text-align:center;font-size:80px;color:#cddcea}
.title_home h3{font-size:40px;color:#333;text-align:center;position:relative;margin-bottom:70px}
.title_home h3:after{display:block;position:absolute;content:"";background:linear-gradient(to right,#093fb6 0,#4887cd 100%);bottom:-25px;left:50%;width:40px;height:1px;margin-left:-15px;text-align:center}
.top-features__main{overflow:hidden;margin-bottom:44px;display:flex;flex-wrap:wrap;justify-content:center}
.top-features__main_item{position:relative;z-index:1;float:none;width:29.5%;padding:0;border-bottom:none}
.top-features__main_item:nth-child(2){margin:0 5.7%}
.top-features__main_item:nth-child(4){margin-right:5.7%}
.top-features__main_item:nth-child(n+4){margin-top:54px}
.top-features__main_item:last-child{padding-bottom:0}
.top-features__main_item__text{margin:0 3%;font-size:15px}
.top-features__main_item>a{margin-bottom:25px;height:auto}
.top-features__main_item>a img{top:0;width:100%;height:100%;margin-top:0;transition-property:all;transition:.3s ease-out}
.top-features__main_item>a .inner{bottom:30px;position:relative;display:block;overflow:hidden;position:absolute}
.top-features__main_item>a .inner:before{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;z-index:-1;transition:opacity .3s ease-out}
.top-features__main_item>a .inner:after{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;z-index:-2}
.top-features__main_item>a .inner:hover:before{opacity:0}
.top-features__main_item>a .inner:before{background:linear-gradient(to right,#093fb6 0,#4887cd 100%)}
.top-features__main_item>a .inner:after{background:linear-gradient(to right,#207fd7 0,#87bae5 100%)}
.top-features__main_item>a .inner span{font-size:18px}
.top-features__main_item>a:hover{opacity:1}
.top-features__main_item>a:hover .inner:before{opacity:0}
.top-features__main_item>a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.top-features__main--2col{margin-left:-4.3%}
.top-features__main--2col_item{width:45.7%;margin-left:4.3%}
.top-features__main--2col_item:nth-child(2){margin:0 0 0 4.3%}
.top-features__main--2col_item>a .inner{width:45%}
.top-features__main ul{display:flex;flex-wrap:wrap;margin:26px 4% 0 2%}
.top-features__main ul li{float:none;border-bottom:none;padding-left:5px;width:50%;margin:0 0 3px;background-color:transparent}
.top-features__main ul li a{position:relative;border-bottom:3px solid #d4dee7;padding:9px 10% 7px calc(10% + 24px);background-color:#fff}
.top-features__main ul li a:after,.top-features__main ul li a:before{position:absolute;left:calc(10% + 3px);top:15px}
.top-features__main ul li a:before{margin:0;background-image:url(http://gcsyjf.com/images/common/icon_arrow_wh.png)}
.top-features__main ul li a:after{content:"";background:url(http://gcsyjf.com/images/common/icon_arrow_bl.png) no-repeat 0 0/6px auto;width:6px;height:11px;transition:opacity .3s}
.top-features__main ul li a:hover{opacity:1;color:#fff;background:#2781d8}
.top-features__main ul li a:hover:after{opacity:0}
.top-features__main_item>a{position:relative;display:block;margin-bottom:15px;overflow:hidden}
.top-features__main_item>a .inner{position:absolute;bottom:18px;left:50%;width:68%;height:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(to right,#093fb6 0,#4887cd 100%);border-radius:50px;box-shadow:0 0 0 2px rgba(205,215,223,.7);text-align:center}
.top-features__main_item>a .inner:before{background:linear-gradient(to right,#093fb6 0,#4887cd 100%)}
.top-features__main_item>a .inner:before{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;z-index:-1;transition:opacity .3s ease-out}
.top-features__main_item>a .inner:after{background:linear-gradient(to right,#207fd7 0,#87bae5 100%)}
.top-features__main_item>a span:after{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;background:url(http://gcsyjf.com/image/icon_arrow_wh.png) no-repeat 0 0/6px auto;width:6px;height:11px;right:8%}
.top-features__main_item>a span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;color:#fff;font-weight:700;line-height:1.4}
.top-features__sub{position:relative;overflow:hidden;margin:0 0 0 -1px;z-index:2}
.top-features__sub_item{border-bottom:none;float:left;width:calc(33.3% - 1px);margin-left:1px}
.top-features__sub_item a{overflow:hidden}
.top-features__sub_item a{position:relative;display:block;color:#fff}
.top-features__sub_item a span::before{content:"";position:absolute;right:0;top:50%;margin-top:-5px;width:6px;height:11px;background:url(http://gcsyjf.com/image/icon_arrow_wh.png) no-repeat;background-size:6px}
.top-features__sub_item img{width:100%}
.top-features__sub_item a span{border-top:1px solid #fff;border-bottom:1px solid #fff;display:block;position:absolute;padding:9px 0;font-size:18px;font-weight:700;top:50%;left:50%;width:80%;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.top-features__sub_item a span{border-top:1px solid #fff;border-bottom:1px solid #fff;display:block;position:absolute;padding:9px 20px 9px 0;font-size:20px;top:50%;left:50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}
.top-features__sub_item a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.top-features__sub_item a img{transition-property:all;transition:.3s ease-out}
.new_pro{position:relative;background:linear-gradient(to bottom,#eee 0,#e0effc 100%) no-repeat;background-size:100% 98%;margin-top:57px;padding-top:30px}
.new_pro{background-size:100% 93%;margin:115px 0 120px}
.top-recruit{position:relative;margin-top:120px;padding:80px 0 0}
.top-recruit:before{position:absolute;display:block;content:"";background:linear-gradient(to bottom,#eee 0,#e0effc 100%) no-repeat 0 0/100% 90%;top:0;left:0;width:100%;height:100%;z-index:-10}
.top-recruit .contents-area{display:flex;flex-wrap:wrap}
.top-recruit__title{position:relative;display:flex;align-items:center;order:2;width:44.8%}
.top-recruit__main_item{display:flex;align-items:center;padding:0;width:55.2%}
.top-recruit__main_item>a{width:100%}
.top-recruit__main_item>a{position:relative;display:block;overflow:hidden;height:100%}
.top-recruit__main_item>a .image{transition-property:all;transition:.3s ease-out;height:100%;background-size:cover}
.top-recruit__main_item>a .inner{position:absolute;bottom:18px;left:50%;width:68%;height:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:linear-gradient(to right,#093fb6 0,#4887cd 100%);border-radius:50px;box-shadow:0 0 0 2px rgba(205,215,223,.7);text-align:center}
.top-recruit__main_item>a .inner{bottom:30px;position:relative;display:block;overflow:hidden;position:absolute}
.top-recruit__main_item>a img{position:relative;top:0;width:100%;opacity:0;height:100%}
.top-recruit__main_item:nth-child(4){order:4;width:44.8%}
.top-recruit__main_item:nth-child(3){order:3;width:55.2%}
.top-recruit__main_item>a:hover .image{-webkit-transform:scale(1.1);transform:scale(1.1)}
.top-recruit__main_item>a .inner span{font-size:20px;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;color:#fff;font-weight:700;line-height:1.4}
.top-recruit__main_item>a span:after{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;background:url(http://gcsyjf.com/image/icon_arrow_wh.png) no-repeat 0 0/6px auto;width:6px;height:11px;right:8%}
.top-recruit__main_item.blank>a span:after{background:url(http://gcsyjf.com/image/icon_blank.png) no-repeat 0 0/15px auto;width:15px;height:12px;right:7%}
.top-recruit__title>div{width:100%;padding-left:13%}
.top-recruit__title_text{position:relative;padding-top:20%;font-size:40px;font-weight:700;letter-spacing:3px;padding-bottom:26px;text-align:left}
.top-recruit__copy{margin:20px 0 0 4px;font-size:15px}
.top-recruit__title_text:after{position:absolute;display:block;content:"";background:linear-gradient(to right,#093fb6 0,#4887cd 100%);top:50px;left:50%;width:40px;height:1px;margin-left:-15px;text-align:center}
.top-recruit__title_text:after{top:96%;left:3px;width:40px;margin-left:0;width:40px;margin-left:0}
.top-information{padding:74px 0 1px}
.top-information{position:relative;margin-top:80px;padding:80px 4%}
.top-information:before{position:absolute;content:"";display:block;width:100%;height:100%;top:0;left:0;background:linear-gradient(to bottom,#eee 0,#e0effc 100%) no-repeat;z-index:-10}
.top-information .contents-area{margin-bottom:75px}
.top-information__title{float:left;width:20%;margin-left:-3px;font-size:26px;font-weight:700;text-align:left;line-height:48px}
.top-information__article{float:right;width:80%;display:flex;flex-wrap:wrap}
.top-information__article_item{position:relative;display:block;color:#333;background:#fff;box-shadow:0 2px rgba(205,215,223,.7);margin-bottom:10px;padding:16px 6% 12px;font-size:15px;font-size:.9375rem}
.top-information__article_item{display:flex;align-items:center;box-shadow:0 5px rgba(205,215,223,.7);width:49%;margin:8px 0 3px 1%;padding:16px 2.8% 16px;font-size:16px;box-sizing:border-box}
.top-information__article_item h4{font-weight:700}
.top-information__article_item__title::before{background-image:url(http://gcsyjf.com/image/icon_arrow_wh.png)}
.top-recruit__main_item>a .inner:before{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;z-index:-1;transition:opacity .3s ease-out}
.top-features__main_item>a .inner:before{background:linear-gradient(to right,#093fb6 0,#4887cd 100%)}
.top-information__article_item__title:before{position:absolute;content:"";background:url(http://gcsyjf.com/image/icon_arrow_wh.png) no-repeat 0 0/6px auto;top:14px;left:0;width:6px;height:11px;margin-top:-6px}
.top-recruit__main_item>a:hover .inner:after{background:linear-gradient(to right,#207fd7 0,#87bae5 100%)}
.top-recruit__main_item>a .inner:after{position:absolute;content:"";display:block;width:100%;height:100%;left:0;top:0;z-index:-2}
.top-information__article_item__title::after{content:"";position:absolute;background:url(http://gcsyjf.com/image/icon_arrow_bl.png) no-repeat 0 0/6px auto;top:14px;left:0;width:6px;height:11px;margin-top:-6px;transition:opacity .3s}
.top-information__article_item:hover{opacity:1;background:#2781d8;color:#fff}
.top-recruit__main_item>a:hover .inner:before{opacity:0}
.top-information__article_item:hover .top-information__article_item__title{color:#fff}
.top-information__article_item:hover .top-information__article_item__title:after{opacity:0}
.top-information__article_item:hover .top-information__article_item__text{color:#fff}
.top-information__article_item:hover.blank:before{background-image:url(http://gcsyjf.com/image/icon_arrow_wh.png)}
.top-information--kajigaya .top-information__article_item:hover{background:#0087b4}
.top-information__article_item__title{position:relative;padding-left:12px;margin-bottom:5px;font-weight:700;color:#333}
.top-information__article_item__title{width:100%;padding-right:8%;padding-left:25px;font-size:16px;line-height:28px;margin-bottom:0}
.link_txt{padding:45px 0}
.link_txt .row{display:flex}
.link_tit{font-size:18px;font-weight:700;display:inline-block;width:130px}
.link_txt dl{display:inline-block}
.link_txt dd{display:inline-block;line-height:30px;position:relative}
.link_txt dd:before{content:"";position:absolute;background:url(http://gcsyjf.com/image/icon_arrow_bl.png) no-repeat 0 0/6px auto;top:14px;left:0;width:6px;height:11px;margin-top:-6px;transition:opacity .3s}
.link_txt dd a{font-size:16px;padding:0 20px}
.dt_news{padding:0}


.ny_banner{position: relative;}
.ny_banner p{position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 50px; font-size: 40px; font-weight: bold; color: #fff; text-align: center; margin: auto; display: block;}
.ny_banner img{width: 100%}
.url_nav{line-height: 90px;}
.url_nav a{font-size: 16px; color: #8f8f8f;}
.url_nav a:hover{color: #0f46b8}
.url_nav span{width: 6px; height: 11px; margin: 0px 10px;     background: url(http://gcsyjf.com/image/icon_arrow_wh2.png) no-repeat 0 0/6px auto; display: inline-block;}
.main_left{width: 250px; float: left; margin-bottom: 30px;}
.lt_tit{height: 70px; line-height: 70px; padding-left: 25px; font-size: 20px; color: #fff; font-weight: bold;     background-image: linear-gradient(141deg,#0d44b7 0%,#4583cc 75%);}
.main_left li a{line-height: 50px; position: relative; display: block; padding-left: 25px; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; font-size: 16px;}
.main_left .active a,.main_left li a:hover{background: #f3f3f3}
.main_left li a:after{width: 6px; height: 11px; margin: 0 10px;content: ""; position: absolute;  background: url(http://gcsyjf.com/image/icon_arrow_bl.png) no-repeat 0 0/6px auto; display: inline-block; right: 0; top: 50%; margin-top: -6px;}
.main_right{float: right; width:calc(100% - 250px); padding-left: 50px; overflow: hidden;}
.rit_tit{height: 60px; font-size: 32px; color: #333; border-left: solid 5px #2a64c2; padding-left: 25px; line-height: 60px; font-weight: bold;}
.xiaobiao{line-height: 60px; margin-top: 30px; border-bottom: solid 2px #7b8cde; font-size: 22px; margin-bottom: 30px;}
.shop_img img{width: 100%}
.shop_img{width: 60%;}
.shop_right{width: 40%; padding-left: 58px; float:left;}

.shop_right h3{font-size: 18px; line-height: 30px; font-weight: bold; padding-top: 15px;}
.qipi{font-size: 14px; color: #555; padding: 20px 0}
.jiage span{font-size: 18px; color: #c22c2c;}
.jiage {color: #c22c2c; font-size: 35px; font-weight: bold;}
.tishi{font-size: 14px; color: #999; padding: 20px 0}
input:focus{outline: none !important; box-shadow:none !important; border: 1px solid #ced4da !important;}
.input-group {width: 165px;}
.input-group-prepend .btn,.input-group-append .btn{border-radius: 0; border-color: #ced4da;}
.add_car{background:linear-gradient(to right,#2658be 0,#578fd1 100%);line-height:38px;text-align:center;font-size:15px;font-weight:700;display:block;width:100%;border-radius:40px;height:38px;font-size:14px;color:#fff; margin-top: 30px; width: 158px;}
.add_car:hover{color: #fff;}
.xiangqing{margin: 30px 0}
.xq_title{background:linear-gradient(to right,#2658be 0,#578fd1 100%); width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; font-weight: bold;}
.xq_content{border: solid 1px #eee; padding: 30px; min-height: 300px;}
.shop{width:calc(33.333% - 2px); padding: 0 6px; background: #f4f4f4; overflow: hidden; margin: 5px 1px; float:left;}
.shop_bottom{padding: 30px 25px;}
.shop_bottom h3{font-size: 18px; font-weight: bold; line-height: 28px; display: -webkit-box;

-webkit-box-orient: vertical;

overflow: hidden;

-webkit-line-clamp: 2;}
.shop_bottom .qipi{padding: 0}
.shop_bottom  .add_car{margin: 0 auto; margin-top: 20px; display: none}
.shop img{width: 100%}
.main_content{margin-bottom: 60px;}
.news img{width: 100%}
.news a{padding-bottom: 20px; margin-bottom: 20px; display: block; -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;}
.add_car,.input-group {display: none;}
.page{text-align: center;}
.news h3{font-size: 16px; font-weight: bold; line-height: 28px; padding: 20px 20px 10px 40px; position: relative;}
.url_nav{font-size:16px;}
.news h3:before{width: 6px; height: 11px; margin: 0 10px;content: ""; position: absolute;  background: url(http://gcsyjf.com/image/icon_arrow_bl.png) no-repeat 0 0/6px auto; display: inline-block; left:15px; top: 27px; }
.news p{font-size: 14px; line-height: 24px; padding: 0 20px 0 40px; color: #666;height: 48px; overflow:hidden}
.news a:hover{ display: block; -moz-box-shadow:2px 2px 5px #A8A8A8; -webkit-box-shadow:2px 2px 5px #A8A8A8; box-shadow:2px 2px 5px #A8A8A8;}
.news a:hover h3{color: #000}
.new_list{width: 100%; overflow: hidden;}
.h1, .h2, .h3, h1, h2, h3{margin-top: 0;}
.about_content p{font-size: 16px; line-height: 2em;}
.about_c p{padding: 30px 0; line-height: 2em;}
.con_map{overflow: hidden; background: #f4f4f4; margin-bottom: 5px; padding: 30px 20px;}
.con_tit{font-size: 26px; text-align: center; color: #1d1d1d; padding-bottom: 30px;}
.con_map .glyphicon{width: 30px; height: 30px; background: #2964c2; border-radius: 30px; margin-right: 10px; position: relative; float: left;}
.con_map .glyphicon:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 14px; height: 14px; font-size: 14px; color: #fff;}
.con_map li{font-size: 16px; line-height: 24px;}
.con_map p{display: inline-block; float: left; width: calc(100% - 40px)}
.con_right, .con_left{margin-bottom: 10px;}



.login{display:flex;min-height:35rem;align-items:center;justify-content:center;font-family:'Josefin Sans',sans-serif}
.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:10px}
.login{height:790px}
.card{position:absolute;top:50%;left:50%;width:100%;padding-top:30px;padding-bottom:30px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.card-wrap{position:relative;margin:0 auto}
@media (min-width:769px){.card-wrap{max-width:450px}
}
.card-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.card-body p{font-size:1.1rem}
.card-title{font-weight:700;font-size:28px;padding-bottom:30px}
.badge-wrap{display:flex;justify-content:center}
.badge-wrap a.badge{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:0 .2rem;padding:0;opacity:.7;border-radius:50%;transition:opacity .3s ease-in;font-size:1rem;color:#fff;text-decoration:none;cursor:pointer}
.badge-wrap a.badge:hover{opacity:1;color:#fff}
.login .btn{color:#fff!important;width:70%;transition:all .4s;border-radius:20px;border:2px solid transparent}
.login .btn.btn-back{position:absolute;top:0;left:0;border-radius:0;width:3rem;height:3rem;font-size:1.5rem;border:0}
.login .btn.btn-back:hover{border:0!important}
.form-control{font-family:Handle,cursive}
.form-control::-webkit-input-placeholder{font-family:'Josefin Sans',sans-serif;letter-spacing:.1em;font-size:.9rem}
.form-control:-ms-input-placeholder{font-family:'Josefin Sans',sans-serif;letter-spacing:.1em;font-size:.9rem}
.form-control::-ms-input-placeholder{font-family:'Josefin Sans',sans-serif;letter-spacing:.1em;font-size:.9rem}
.form-control::placeholder{font-family:'Josefin Sans',sans-serif;letter-spacing:.1em;font-size:.9rem}
.card--welcome{z-index:3}
.card-body form{width:80%}
.btn-wrap{width:100%}
.card--welcome .card-title{color:#be2525}
.card--welcome .btn{color:#fff;transition:all .3s}
.card--welcome .btn:hover{background-color:#dc6363;font-weight:700}
.card--welcome .btn-register{margin-bottom:.8em;background-color:#be2525}
.card--welcome .btn-register:hover{color:#be2525}
.card--welcome .btn-login{background-color:#2658be}
.card--welcome .btn-login:hover{background-color:#578fd1}
.card--register .card-title{color:#be2525}
.card--register .badge{background-color:#be2525}
.card--register .btn{background-color:#be2525}
.card--register .btn:hover{background-color:#fff;color:#be2525!important;font-weight:700;border:2px solid rgba(238,156,167,.25)}
.card--register .btn:focus{box-shadow:0 0 0 .2rem rgba(238,156,167,.25)}
.card--register .form-control{color:#be2525;border-color:rgba(238,156,167,.25)}
.card--register .form-control:focus{box-shadow:0 0 0 .2rem rgba(238,156,167,.25)}
.card--login .card-title{color:#2658be}
.card--login .badge{background-color:#2658be}
.card--login .btn{background-color:#2658be}
.card--login .btn:hover{background-color:#fff;color:#2658be!important;font-weight:700;border:2px solid rgba(167,191,232,.25)}
.card--login .btn:focus{box-shadow:0 0 0 .2rem rgba(167,191,232,.25)}
.card--login .form-control{color:#2658be;border-color:rgba(167,191,232,.25)}
.card--login .form-control:focus{box-shadow:0 0 0 .2rem rgba(167,191,232,.25)}
.login{background:url(http://gcsyjf.com/image/zc_bg.jpg) no-repeat;background-size:cover}
.login .is-register{background-position:0 50%}
.login .is-login{background-position:100% 50%}
.card{transition:all .3s .1s ease-out}
.card:not(.is-show){opacity:0;-webkit-transform:translate(-50%,-50%) rotateX(95deg);transform:translate(-50%,-50%) rotateX(95deg)}
.card.is-show{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}
.shadow{-moz-box-shadow:-1px 5px 9px #b5b5b5;-webkit-box-shadow:-1px 5px 9px #b5b5b5;box-shadow:-1px 5px 9px #b5b5b5}


.clearfix::after{clear:both;content:".";display:block;height:0;visibility:hidden}
.suspension{width:46px;height:210px;position:fixed;right:30px;bottom:60px;z-index:999}
.suspension .consult .suspension-list{position:absolute;width:240px;right:-29px;top:-230px;z-index:30;display:none}
.suspension-list-content{position:absolute;width:240px;right:85px;background:#fff;border:1px solid #ddd;box-shadow:0 6px 12px 0 rgba(0,0,0,.15)}
.suspension-list ul{margin:32px 24px}
.suspension-list ul li{position:relative;display:list-item;width:100%;height:auto;padding:16px 0;margin-top:10px;overflow:hidden;border-top:1px solid #f4f4f4}
.suspension-list ul li:first-child{padding-top:0;border-top:none}
.suspension-list ul .suspension-list-bottom{margin-bottom:0;padding-bottom:0}
.suspension-list-bottom .info-value{font-size:12px;font-weight:inherit;color:#999}
.suspension-list ul li:first-child{margin-top:0}
.service-phone,.service-proposal,.service-qq{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0}
.info-name{display:block;padding-left:52px;height:14px;font-size:14px;color:#333}
.info-value{display:block;padding-left:52px;margin-top:8px;height:18px;font-size:18px;font-weight:700;color:#f90}
.suspension a.cart:hover .pic{display:block}
.suspension a{background: #fff; display: block;  border-radius: 4px;}
.suspension span{display:block;width:46px;height:46px; text-align: center; color: #fff; position: relative;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;transition:all 0s ease-in-out;margin-top:10px}
.suspension .cart .pic{display:none;position:absolute;left:-171px;top:0px;width:180px; line-height: 46px; font-size: 18px;}
.pic-content{position:absolute;width:180px;height:46px;border:1px solid #ddd;box-shadow:0 6px 12px 0 rgba(0,0,0,.15); right:10px; padding: 0 10px; background: #fff; color: #000}
.suspension .cart{background: #3d71ed; position: relative; border-radius: 4px;}
.suspension span:before{ font-size: 18px; color: #fff; line-height: 28px; text-align: center; width: 42px; display: block;}
.suspension .back-top span:before{color: #3d71ed; line-height: 46px; font-size: 24px;}



@media screen and (max-width:992px){.dt_tit{width:100%;text-align:center;padding-top:30px}
.top-innovative__title_btn{display:none}
.dt_news,.top-information__title{width:100%}
.top-information__title{text-align:center}
.top-information{padding:30px 0}
.top-information__article{width:100%}
.link_tit{width:200px}
.foot_nav li{margin:0 20px}
.main_left{width: 100%}
.main_right{width: 100%; padding-left: 0;}


}
@media screen and (max-width:767px){.top-pickup{padding:35px 0}
.dt_tit h1,.title_home h2{font-size:50px;line-height:initial}
.dt_tit h3{padding-top:0;font-weight:400}
.top-innovative__main_item{width:100%;margin-bottom:20px}
.top-pickup .two-col li{width:100%;margin-bottom:20px}
.top-pickup .two-col .top-pickup__text_title{padding:0 15px}
.top-innovative__sub a{width:100%;padding-top:15px}
.top-innovative__sub a span{padding-left:36px;background:url(http://gcsyjf.com/image/icon_arrow_bl.png) no-repeat 20px 7px/6px auto}
.top-features__main_item{margin:0!important;margin-bottom:25px!important;width:100%;}
.top-features__sub_item{width:100%;margin-bottom:10px}
.top-recruit__title{width:100%}
.top-recruit__main_item{width:100%!important;margin-bottom:20px}
.top-recruit__main_item{order:2}
.top-recruit__title_text{padding:0;text-align:center}
.top-recruit__title>div{padding:0}
.top-recruit__title_text:after{top:50px;left:50%;width:40px;margin-left:-20px;width:40px}
.top-recruit__copy{text-align:center}
.top-recruit__main_item>a .inner span{font-size:16px}
.top-recruit__main_item>a .inner{width:78%}
.link_txt .row{padding:0 15px;display:inherit}
.foot_nav{display:none}
footer{padding:0 15px}
.row{margin: 0}
header .row{margin: 0 -15px}
.top-innovative__sub{position: inherit;}
.new_pro{margin-top: 0;}
.shop_img{width: 100%}
.shop_right{width: 100%; padding-left: 0;}
.shop{width: 100%}
.about_content{margin: 0 -15px;}
.login{height: 400px;}

}