@charset "utf-8";
.wrap {width: 86%;margin: 0 auto;max-width: 1400px;}
.header{overflow: hidden;position: fixed;top: 0;left: 0;width: 100%;z-index: 9;background: #ffffff;box-shadow: 4px 10px 21px rgba(0,0,0,.03);}
.header .logo{float: left;display: block;line-height: 65px;position: relative;height:65px;font-size: 0;}
.header .logo img{display: inline-block;vertical-align: middle;max-height: 70%;}
.header .right{float: right;font-size: 0;}
.header .nav{display: inline-block;vertical-align: middle;font-size: 0;}
.header .nav li{display: inline-block;vertical-align: middle;margin: 0 15px;}
.header .nav li a{display: block;font-size: 14px;color: #333333;line-height:65px;padding: 0 10px;font-weight: bold;position: relative;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.header .nav li a:after{content: '';display: block;width: 100%;height: 3px;background: #1b489d;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.header .nav li a:hover,.header .nav li.on a{color: #1b489d;}
.header .nav li a:hover:after,.header .nav li.on a:after{opacity: 1;visibility: visible;}

.header .search_box{position: relative;background: transparent;transition: all 500ms ease;-webkit-transition:all 500ms ease;display: inline-block;vertical-align: middle;margin-left: 15px;}
.header .search_box .search{width: 21px;height: 20px;background-image: url(../images/common/search.png);background-repeat: no-repeat;background-position: center;background-size: auto 20px;cursor: pointer;opacity: 1;visibility: visible;display: block;}
.header .search_box form{position:absolute;right:0;top:-9px; opacity: 0;visibility: hidden;z-index: 2;width: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.header .search_box form input{width: 100%;height: 38px;padding: 0 50px 0 15px;color: #333;line-height: 38px;background-color: #fff;font-size: 16px;color: #666;border:1px solid #ddd;border-radius: 30px;}
.header .search_box form button{width:50px;height: 38px;background-image: url(../images/common/search.png);background-repeat: no-repeat;background-position: center;background-color: transparent;border:0;outline: none;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;position: absolute;right: 0;top: 0;cursor: pointer;}
.header .search_box.active form {opacity: 1;visibility: visible;right: 0;width: 240px;}
.header .search_box.active .search{opacity: 0;visibility: hidden;}


.drop_menu {position: fixed;top: 65px;left: 0px;width: 100%;z-index: 8;}
.drop_menu .main {position: absolute; width: 100%;  -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;background: rgba(255,255,255,.95); z-index: 1;opacity: 0;visibility: hidden;-webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform:  translateY(-200px); transform: translateY(-200px);border-bottom: 4px solid #1b489d;text-align: center;}
.drop_menu .main .box{display: inline-block;padding: 40px 0 32px 0;}
.drop_menu .main .box .con{display: inline-block;vertical-align: top;}
.drop_menu .main .tit{font-size: 18px;color: #000000;line-height: 30px;width: 165px;border-bottom: 1px solid #c9c9c9;padding-bottom: 12px;margin-bottom:12px;text-align: left;font-weight: bold;}
.drop_menu .main .bot{font-size: 0;}
.drop_menu .main dl{display: inline-block;vertical-align: top;margin-right: 5vw;}
.drop_menu .main dl dd{font-size: 16px;color: #333333;line-height: 1.7;text-align: left;}
.drop_menu .main dl dd a{color: #333333;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.drop_menu .main dl dd a:hover{color: #1b489d;}
.drop_menu .main.active{-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform:  translateY(0); transform: translateY(0);visibility: visible;opacity: 1;}




.fixed_kf{position: fixed;top: 36%;right: 0;z-index: 9;}
.fixed_kf a{display: block;width: 52px;height: 52px;border-radius: 5px;margin: 4px 0;background-color: #1b489b;background-repeat: no-repeat;background-position: center;background-size: auto 22px;position: relative;}
.fixed_kf a.icon0{background-image: url(../images/common/icon0.png);}
.fixed_kf a.icon1{background-image: url(../images/common/icon1.png);}
.fixed_kf a.icon2{background-image: url(../images/common/icon2.png);}
.fixed_kf a.icon3{background-image: url(../images/common/icon3.png);}
.fixed_kf a.icon1 .tel{background: #ffffff;border-radius: 8px;padding: 10px;font-size: 20px;color: #333333;font-weight: bold;text-align: center;position: absolute;left: -198px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);width: 178px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.fixed_kf a.icon1 .tel:before{content: '';display: block;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #ffffff;position: absolute;top: 50%;right: -10px;margin-top: -10px;}
.fixed_kf a.icon1:hover .tel{opacity: 1;visibility: visible;}

.fixed_kf a.icon2 .ewm{background: #ffffff;border-radius: 8px;padding: 10px;font-size: 20px;color: #333333;font-weight: bold;text-align: center;position: absolute;left: -190px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;}
.fixed_kf a.icon2 .ewm img{width: 150px;height: 150px;display: block;}
.fixed_kf a.icon2 .ewm:before{content: '';display: block;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #ffffff;position: absolute;top: 50%;right: -10px;margin-top: -10px;}
.fixed_kf a.icon2:hover .ewm{opacity: 1;visibility: visible;}



.comm_pad{padding: 4.5vw 0;}
.comm_pad2{padding: 4vw 0;}
.comm_bg{background: #f7f7f7;}
.comm_tit{text-align: center;}
.comm_tit h4{font-size: 48px;color: #616161;line-height: 1;font-weight: 300;}
.comm_tit h3{font-size: 30px;color: #000000;line-height: 1;margin-top: 18px;}
.comm_tit p{font-size: 16px;color: #616161;line-height: 1.7;margin-top: 12px;}

.comm_tit2{text-align: center;position: relative;margin-bottom: 58px;}
.comm_tit2 h4{font-size: 70px;color: rgba(27,72,157,.08);line-height: 1;font-weight: bold;text-transform: uppercase;}
.comm_tit2 h3{font-size: 34px;color: #000000;line-height: 1;font-weight: normal;position: absolute;top: 30px;left: 0;right: 0;margin: 0 auto;}
.comm_tit2 h3 span{color: #1b489d;font-weight: bold;}
.comm_tit2 i{display: block;width: 48px;height: 5px;background: #1b489d;border-radius: 5px;margin: 18px auto 0 auto;}
.comm_tit2 p{font-size: 18px;color: #616161;line-height: 30px;}
.comm_tit3{text-align: center;margin-bottom: 3vw;}
.comm_tit3 h3{font-size: 34px;color: #333333;line-height: 1;font-weight: normal;}
.comm_tit3 p{font-size: 24px;color: #333333;line-height: 30px;margin-top: 15px;}
.comm_tit3 p span{color: #1b499d;font-weight: bold;}



footer {background-color: #383838;}
footer .top{overflow: hidden;padding: 4.5vw 0 8vw 0;background-image: url(../images/common/footer_bg.png);background-repeat: no-repeat;background-position: 35% center;}
footer .left{float: left;overflow: hidden;font-size: 0;}
footer .left dl{display: inline-block;vertical-align: top;margin-right: 1vw;}
footer .left dl dt{font-size: 18px;color: #ffffff;line-height: 30px;margin-bottom: 25px;}
footer .left dl dd a{font-size: 14px;color: rgba(255,255,255,.4);line-height: 36px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
footer .left dl dd a:hover{color:rgba(255,255,255,1);}
footer .right{float: right;}
footer .right .tel{font-size: 20px;color: rgba(255,255,255,.6);line-height: 30px;padding-left: 20px;background-image: url(../images/common/tel.png);background-repeat: no-repeat;background-position: center left;margin-bottom: 15px;}
footer .right .ewm{background: rgba(255,255,255,.04);padding: 18px;width: 155px;}
footer .right .ewm img{display: block;width: 122px;height: 122px;margin: 0 auto;}
footer .right .ewm span{display: block;text-align: center;font-size: 14px;color: #ffffff;line-height: 1;margin-top: 15px;}
footer .bot{border-top: 1px solid rgba(255,255,255,.1);font-size: 16px;line-height: 30px;text-align: center;color: #ffffff;padding: 38px 0;}


.comm_banner {position: relative;overflow: hidden;}
.comm_banner img{display: block;width: 100%;}
.comm_banner .text_block{position: absolute;left: 14%;top: 45%;}
.comm_banner .text_block h3{font-size: 64px;color: #ffffff;line-height: 1;font-weight: normal;}
.comm_banner .text_block span{font-size: 30px;color: #ffffff;line-height: 1;margin-top: 20px;display: block;}
.subnav{text-align: center;border-bottom: 1px solid #e3e3e3;}
.subnav ul{font-size: 0;padding: 0 6vw;}
.subnav ul li{width: 20%;display: inline-block;vertical-align: middle;}
.subnav ul li a{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;line-height: 90px;position: relative;}
.subnav ul li a:after{content: '';display: block;width: 0;height: 3px;background: #1b489d;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -1px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;opacity: 0;visibility: hidden;}
.subnav ul li.on a:after,.subnav ul li a:hover:after{opacity: 1;visibility: visible;width: 100%;}
.subnav ul li.on a,.subnav ul li a:hover{color: #1b489d;}

.pages ul{text-align: center;font-size: 0;}
.pages ul li{display: inline-block;vertical-align: top;margin: 0 10px;}
.pages ul li a{width: 52px;height: 52px;font-size: 18px;color: #000000;text-align: center;border-radius: 50%;background: #ffffff;display: block;line-height: 52px;font-weight: bold;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.pages ul li a:hover,.pages ul li.on a{background: #1b499d;color: #ffffff;}



.pages{text-align: center;font-size: 0;}
.pages a{display: inline-block;margin: 0 10px; width: 52px;height: 52px;font-size: 18px;color: #000000;text-align: center;border-radius: 50%;background: #ffffff;line-height: 52px;font-weight: bold;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.pages a:hover,.pages a.on{background: #1b499d;color: #ffffff;}


.crumbs{overflow: hidden;margin-top: 104px;border-top: 1px solid #eaeaea;padding: 28px 0;}
.crumbs .l{float: left;font-size: 16px;color: #999999;line-height: 30px;overflow: hidden;margin-left: -10px;}
.crumbs .l a{font-size: 16px;color: #999999;line-height: 30px;display: inline-block;vertical-align: middle;margin: 0 10px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.crumbs .l span{display: inline-block;vertical-align: middle;margin: 0 10px;}
.crumbs .l a:hover{color: #1b499d;}
.crumbs .r{float: right;}
.crumbs .r a{font-size: 16px;color: #999999;line-height: 30px;display: block;padding-left: 30px;background-image: url(../images/common/back.png);background-repeat: no-repeat;background-position: center left;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.crumbs .r a:hover{color: #1b499d;background-image: url(../images/common/back_hover.png);}


.comm_section1 .items{font-size: 0;padding-bottom: 5vw;}
.comm_section1 .items .item{display: inline-block;vertical-align: top;width: 31.33%;margin-right: 2%;background: #f7f7f7;border-radius: 10px;padding: 42px 30px 20px 30px;text-align: center;position: relative;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;overflow: hidden;}
.comm_section1 .items .item:last-child{margin-right: 0;}
.comm_section1 .items .item .img{width: 76px;height: 74px;margin: 0 auto;position: relative;}
.comm_section1 .items .item .img img{display: block;width: 100%;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.comm_section1 .items .item .img .img1{opacity: 1;visibility: visible;}
.comm_section1 .items .item .img .img2{opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;}
.comm_section1 .items .item:hover .img1{opacity: 0;visibility: hidden;}
.comm_section1 .items .item:hover .img2{opacity: 1;visibility: visible;}
.comm_section1 .items .item h3{font-size: 20px;color: #333333;line-height: 30px;margin-top: 18px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.comm_section1 .items .item p{font-size: 16px;color: #333333;line-height: 26px;height:52px;margin-top: 3px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.comm_section1 .items .item .bg{width: 193px;position: absolute;right: -45px;bottom: -25px;opacity: 0;visibility: hidden;}
.comm_section1 .items .item .bg img{display: block;width: 100%;}
.comm_section1 .items .item:hover{background: #1b489d;box-shadow: 4px 2px 35px rgba(27,72,157,.35);}
.comm_section1 .items .item:hover .bg{opacity: 1;visibility: visible;}
.comm_section1 .items .item:hover h3,.comm_section1 .items .item:hover p{color: #ffffff;}



@media only screen and (max-width:1600px){
	.comm_banner .text_block h3{font-size: 54px;}
	.comm_tit2 h4{font-size: 60px;}
	.comm_tit2 h3{top: 20px;}
}
@media only screen and (max-width:1440px){
	.header .logo{line-height: 80px;height: 80px;}
	.header .nav li a{font-size: 12px;line-height: 80px;}
	.drop_menu{top: 80px;}
	.comm_tit h4{font-size: 36px;}
	.comm_tit h3{font-size: 26px;margin-top: 14px;}
	.comm_tit p{font-size: 14px;margin-top: 8px;}
	.comm_banner .text_block h3{font-size: 44px;}
	.comm_banner .text_block span{font-size: 24px;margin-top: 12px;}
	.subnav ul li a{font-size: 16px;line-height: 76px;}
	.comm_tit2{margin-bottom: 42px;}
	.comm_tit2 h4{font-size: 50px;}
	.comm_tit2 h3{font-size: 30px;}
	.comm_section1 .items .item h3{font-size: 18px;}
	.comm_section1 .items .item p{font-size: 14px;margin-top: 0;}
	.comm_tit3 h3{font-size: 30px;}
	.comm_tit3 p{font-size: 22px;}
	.pages ul li a{font-size: 16px;}
	.crumbs{padding: 20px;}
	.crumbs .l,.crumbs .l a,.crumbs .r a{font-size: 14px;}
	footer .top{padding-bottom: 5vw;}
	footer .left dl dt{font-size: 16px;margin-bottom: 15px;}
	footer .left dl dd a{font-size: 14px;line-height: 30px;}
	footer .bot{font-size: 14px;padding: 25px 0;}
}
@media only screen and (max-width:1366px){
	
}