@charset "utf-8";
html,body{font-family: "微软雅黑";color: #3d3d3d;}
body{font-size:14px;font-family:arial,"Microsoft YaHei","微软雅黑","Microsoft JhengHei",sans-serif,serif;}
*{padding:0;margin:0;list-style:none;}
a{text-decoration:none;color:inherit;} 
i{font-style: normal;}
dl,ol,ul {list-style-type:none}
b{display: inline-block;}
em{font-style: normal;}

/* idx_bg */
.idx_bg{padding:0 0 0;background: url(../images/cowboy4.jpg)repeat;padding-top:237px;}
.idx_bg-{padding-top:237px;}
@media only screen and (max-width:992px){
.idx_bg{padding-top:210px;}
.idx_bg-{padding-top:210px;}
}

@media only screen and (max-width:480px){
.idx_bg{padding-top:150px;}
.idx_bg-{padding-top:150px;}
}

.odcontent{max-width:1193px;margin:0 auto; width:90%;}
@media only screen and (max-width: 480px){
	.odcontent{width: 94%;}
}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
input,textarea{border: none;outline: none;border-radius: 0;-webkit-appearance:none;}
button {border: none;padding: 0;}
.fl{float:left}
.fr{float:right}

.por{position: relative;}
.poa{position: absolute;}
.head_fixed{position: fixed;top: 0;left: 0;width: 100%;height: auto;z-index: 9999;}
img{border: none;vertical-align: middle;max-width: 100%;}

*:focus{
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

a,li,div {-webkit-tap-highlight-color:transparent}

input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
     background-color: transparent!important;
     background-image: none !important;
     -webkit-box-shadow: 0 0 0 1000px #f2f3f7 inset !important;
     -webkit-text-fill-color: #333;
}

/* 自定义样式 */
.ver-mid{vertical-align: middle;}
.ver-bl{vertical-align: baseline;}
.flx{display: flex;display: -webkit-flex;flex-wrap: nowrap;justify-content: space-between;}
.flx_w{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;}
.txt_center{text-align: center;}
.bg_f2f3f7{background: #f2f3f7;}
.hide{display: none;}
.center{text-align: center;}

@font-face {
	font-family:"Montserrat";
	src: url(./font/Montserrat-Light.otf);
}
@font-face {
	font-family:"Open Sans";
	src: url(./font/OpenSans-Light.ttf);
}


/* common */
.arrow{display: inline-block;width: 12px;height: 12px;background: url(../images/arrow.png) no-repeat center;background-size: 12px;vertical-align: middle;}
.col-3{width: 25%;}
.col-9{width: 75%;}
.col-lg-3,.col-lg-9{width: 100%;}
@media only screen and (min-width:992px){
	.col-lg-3{max-width: 25%;}
	.col-lg-9{max-width: 75%;}
}

/* head */
.head{color: #3d3d3d;width:100%;position:fixed;left:0;top:0;z-index:300}
.head .head_top{padding: 10px 0;border-bottom:1px solid  #ebebeb;background:#FFF; }
.head .head_top .welcome{font-size: 13px;}
.language img{display: inline-block;margin-right: 5px;vertical-align: unset;}
.language .arrow{transform: rotateZ(90deg);}

.language .show_single{padding: 0 0 0 15px;cursor: pointer; float:left; line-height:18px;}
.language .show_single:nth-child(1){border-right: 1px solid #eee;box-sizing: border-box; padding-right:15px;color:#FF0000;}
.language .show_single a:hover {color: #038647;}
.language .show_list{display: none;position: absolute;right: 0;top: 160%;padding: 10px 0;width: 200px;background: #fff;box-shadow: 0 6px 12px rgba(0,0,0,.176);}
.language .show_list li{width: 50%;text-align: center;}
.language .show_list li:nth-child(1){float: left;border-right: 1px solid #eee;box-sizing: border-box; }
.language .show_list li:nth-child(2){float: right;}
.language .show_list li a{display: block;padding: 3px 10px;box-sizing: border-box;font-size: 12px;}
.language .show_list li a:hover{color: #038647;text-decoration: underline;}
@media only screen and (max-width:1200px){
	.language .show_list{right: auto;left: 0;width: 100%;}
	.language .show_list li{width: 100%;}
}

.head .head_mid{padding:20px 0;background:#FFF; }
.head .head_mid .layout{align-items: center;}
.head .head_mid .lf_logo{width: 50%;}
.head .head_mid .logo img{width: 77px;}
.head .head_mid .logo .name{top: 50%;right: 0%;width: calc(94% - 77px);width: -webkit-calc(94% - 77px);transform: translateY(-50%);}
.head .head_mid .logo .name p{font-size: 22px;color: #3d3d3d;}
.head .head_mid .logo .name p:nth-child(1){color: #333;font-size: 26px;font-weight: bold;}
.head .head_mid .rt_search{width: 48%;}
.head .head_mid .search_wrapper{width: 100%;max-width: 650px;border-radius: 30px;border: 2px solid #038647;overflow: hidden;}
.head .head_mid .search_wrapper form{width: 100%;display:-webkit-flex;align-items: center;-webkit-box-align: center}
.head .head_mid .search_wrapper .word{width: 130px;height: 44px;line-height: 44px;border-right: 1px solid #ccc;text-align: center;vertical-align: middle;}
.head .head_mid .search_wrapper .search_box{display: flex;display: -webkit-flex;width: calc(100% - 130px);width: -webkit-calc(100% - 130px);}
.head .head_mid .search_wrapper .search_box input{height: 44px;color: #858585;}
.head .head_mid .search_wrapper .search_box input::placeholder{color: #858585;}
.head .head_mid .search_wrapper .search_box input:nth-child(1){padding-left: 20px;flex-grow: 4;box-sizing: border-box;}
.head .head_mid .search_wrapper .search_box input:nth-child(2){flex-grow: 1;color: #fff;background: #038647;font-weight: bold;font-size: 16px;cursor: pointer;}

.head .head_nav{background:url(../images/headbg.gif)repeat;color: #fff;}
.head .head_nav .nav_layout{align-items: center;}
.head .head_nav .category_menu_btn{padding: 19px 20px;box-sizing: border-box;background: #038647;cursor: pointer;}
.head .head_nav .category_menu_btn .flx_w{align-items: center;}
.head .head_nav .category_menu_btn .lf_title{font-size: 18px;font-weight: bold;}
.head .head_nav .category_menu_btn .p_menu_btn i{display: inline-block;width: 15px;height: 12px;background: url(../images/list.png)no-repeat center;background-size: 100%;filter: brightness(100);}
.head .head_nav .category_menu{display: none;position: absolute;left: 0;top: 100%;width: 100%;color: #3d3d3d;z-index: 10;}
.head .head_nav .category_menu.default{display: block;}
.head .head_nav .category_menu .first_pro {box-sizing: border-box;border: 2px solid #038647;border-top: 0;border-radius: 0 0 10px 10px;background: #fff;}
.head .head_nav .category_menu .first_pro > li{}
.head .head_nav .category_menu .first_pro > li .m25{margin: 0 25px;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;padding: 12px 0;border-bottom: 1px solid #ebebeb;}
.head .head_nav .category_menu .first_pro > li:nth-last-child(1){border-radius: 0 0 10px 10px;}
.head .head_nav .category_menu .first_pro > li .m25 > a{display: block;width: calc(100% - 20px);width: -webkit-calc(100% - 20px);font-size: 13px;line-height: 20px;}
.head .head_nav .category_menu .first_pro > li .m25 > a:hover{color: #038647;}
.head .head_nav .category_menu .first_pro > li .m25 a ~ i{margin-top: 5px;background-size: 18px;}
.head .head_nav .category_menu .second_pro{margin-top: 25px;padding: 13% 3% 3% 13%;width: 900px;box-shadow: 0 0 8px 1px rgba(0,0,0,.1);box-sizing: border-box;display: none;flex-wrap: wrap;justify-content: space-between;z-index: 3;opacity: 0;transition: all .3s linear;background: #fff;}
.head .head_nav .category_menu .second_pro.hov{position: absolute;left: 100%;top: 0;}
.head .head_nav .category_menu .second_pro:after{content: "";width: 32%;}
.head .head_nav .category_menu .second_pro > li{margin-bottom: 3%;width: 32%;}
.head .head_nav .category_menu .second_pro > li:hover a{display: inline-block;color: #038647;transform: translateX(10px);transition: all .3s;}

.head .head_nav .other_nav{padding-left: 27px;box-sizing: border-box;}
.head .head_nav .other_nav > ul > li{position: relative;}
.head .head_nav .other_nav > ul > li > a{display: block;font-size: 15px;font-weight: bold;padding:19px 0}
.head .head_nav .other_nav > ul > li > a:hover,.head .head_nav .other_nav > ul > li > a.cur{color: #038647;}
.head .head_nav .other_nav .pc_secnav{position: absolute;top: 98px;left: 50%;padding:6px 10px;width: auto;height: auto;min-width: initial; transform:translate(-50%,0);z-index: 3;display: none;box-sizing: border-box;z-index: 2;background: rgba(190, 190, 190, 0.8);/* opacity: 0; */transition: all .3s linear;transform-origin: center top;}
.head .head_nav .other_nav .pc_secnav .lf_nav{width: 100%;}
.head .head_nav .other_nav .pc_secnav .lf_nav > ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.head .head_nav .other_nav .pc_secnav .lf_nav > ul > li{width: 100%;text-align: left;font-size: 14px;line-height: 24px;color: #333;box-sizing: border-box;transition: margin-bottom .3s ease-out;position: relative;text-align: center;}
.head .head_nav .other_nav .pc_secnav .lf_nav > ul > li > a{display: block;padding: 5px 12px;white-space: nowrap;}
.head .head_nav .other_nav .pc_secnav .lf_nav > ul > li:hover > a{background: rgba(3,134,71,1);color: #fff;}
/* mobile_nav */
.head .mobile_nav{position: fixed;top: 0;left: -310px;padding: 15px 15px 30px;margin-left: -310px;min-width: 310px;height: 100vh;transition: margin-left .3s linear;background-color: #fff;box-sizing: border-box;z-index: 999;}
.head .mobile_nav.sld{left: 0;margin-left: 0;}
.head .mobile_nav .language{display: block;margin: 25px 0 15px; overflow:hidden;}
.head .mobile_nav .search_box{margin: 20px 0;width: 100%;border-radius: 5px;border: 1px solid #038647;overflow: hidden;}
.head .mobile_nav .search_box form{width: 100%;display: flex;display: -webkit-flex;}
.head .mobile_nav .search_box input{height: 30px;color: #858585;}
.head .mobile_nav .search_box input::placeholder{color: #858585;}
.head .mobile_nav .search_box input:nth-child(1){padding-left: 20px;flex-grow: 2;box-sizing: border-box;}
.head .mobile_nav .search_box input:nth-child(2){flex-grow: 2;color: #fff;background: #038647;font-weight: bold;font-size: 12px;cursor: pointer;}

.head .mobile_nav .second_nav{margin-top: 30px;}
.head .mobile_nav > ul > li{padding: 10px 0;text-align: left;position: relative;border-bottom: 1px solid #eee;}
.head .mobile_nav > ul > li a{display: inline-block;font-size: 13px;color: #3d3d3d;}
.head .mobile_nav .second_nav > li i{float: right;}
.head .mobile_nav > ul li .next_nav{display: none;}
.head .mobile_nav > ul li .next_nav li p{margin: 10px 0;}
.head .mobile_nav > ul li .next_nav li p:nth-last-child(1){margin-bottom: 0;}
.head .mobile_nav > ul li .next_nav a{font-size: 13px;line-height: normal;}
.head .mobile_nav > ul li .next_nav a:hover{text-decoration: underline;}
@media only screen and (max-width:1200px){
	.head .head_nav .other_nav > ul > li > a{font-size: 14px;}
	.head .head_nav .category_menu .second_pro{width: 700px;}
}
@media only screen and (max-width:992px){
	.head .head_top{display: none;}
	.head .head_mid .lf_logo{width: 100%;}
	.head .head_mid .lf_logo .logo{position: initial;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
	.head .head_mid .logo img{width: 60px;}
	.head .head_mid .logo .name{position: initial;padding-left: 5%;width: calc(100% - 60px);width: -webkit-calc(100% - 60px);transform: initial;box-sizing: border-box;}
	.head .head_mid .rt_search{display: none;}
	.head .head_nav .nav_layout .col-lg-9{width: auto;}
	.head .head_nav .category_menu_bar{max-width: 36%;min-width: 250px;}
	.head .head_nav .category_menu{display: none;}
	.head .head_nav .category_menu.default{display: none;}
	.head .head_nav .category_menu .first_pro > li .m25 a ~ i{transform: rotateZ(90deg);transition: transform .3s;}
	.head .head_nav .category_menu .first_pro > li .m25 a ~ i.on{transform: rotateZ(-90deg);}
	.head .head_nav .category_menu .second_pro.hov{position: initial;padding:2% 25px;margin-top: 0;width: 100%;box-shadow: initial;opacity: 1;transition: initial;}
	.head .head_nav .category_menu .second_pro:after{content: initial;}
	.head .head_nav .category_menu .second_pro > li{width: 100%;font-size: 13px;margin: 0;padding: 0 0 0 15px;box-sizing: border-box;}
	.head .head_nav .category_menu .second_pro > li > a{display: block;padding:10px 0;border-bottom: 1px solid #ebebeb;}
	.head .head_nav .other_nav{display: none;}
	.head .open_close {display: block;float: right;}
	.head .open_close .key_open{border: 1px solid #fff;}
	.head .open_close .key_open i{display: block;width: 32px;height: 32px;background: url(../images/list.png)no-repeat center/80%;cursor: pointer;filter: brightness(100);}
	.head .key_close{float: right;cursor: pointer;}
	.head .key_close i{display: inline-block;width: 25px;height: 25px;border-radius: 50%;border: 1px solid #bbb;border-radius: 50%;background: url(../images/close.png)no-repeat center;}
}
@media only screen and (max-width:768px){
	.head .head_mid .logo .name p{font-size: 18px;}
	.head .head_mid .logo .name p:nth-child(1){font-size: 22px;}
	.head .head_nav .category_menu_btn{padding: 14px 15px;}
	.head .head_nav .category_menu_btn .lf_title{font-size: 16px;}
	.head .head_nav .category_menu .first_pro > li .m25{margin: 0 15px;}
	.head .open_close .key_open i{width: 25px;height: 25px;}
}
@media only screen and (max-width:480px){
	.head .head_mid{padding: 5px 0;}
	.head .head_mid .logo img{width: 45px;}
	.head .head_mid .logo .name p{font-size: 14px;}
	.head .head_mid .logo .name p:nth-child(1){font-size:18px;}
	.head .head_nav .category_menu_bar{width: 174px !important;min-width: initial;max-width: initial;}
	.head .head_nav .category_menu_btn{padding: 14px 8px;}
	.head .head_nav .category_menu_btn .lf_title{font-size: 13px;}
	.head .head_nav .category_menu .first_pro > li .m25{margin: 0 8px;}
	.head .head_nav .category_menu .first_pro > li .m25 > a{font-size: 12px;line-height: normal;}
	.head .head_nav .category_menu .second_pro.hov{padding: 2% 8px;}
	.head .head_nav .category_menu .second_pro > li{padding: 0 0 0 8px;}
}

/* foot */
.foot{padding: 3% 0;background: url(../images/headbg.gif)repeat;color: #fff;}
.foot .ft_mid .share_part{}
.foot .ft_mid .share li{margin: 10px 0;font-size: 16px;line-height: 24px;}
.foot .ft_mid .share li:nth-child(1){font-size: 18px;font-weight: bold;}
.foot .ft_mid .share li i{display: inline-block;width: 35px;height: 35px;vertical-align: middle;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.foot .ft_mid .share li a{display: inline-block;margin-left: 10%;text-decoration: underline;}
.foot .ft_mid .share li:nth-child(2) i{background-image: url(../images/facebook.png);}
.foot .ft_mid .share li:nth-child(3) i{background-image: url(../images/youtube.png);}
.foot .ft_mid .share li:nth-child(4) i{background-image: url(../images/linkedin.png);}
.foot .ft_mid .share li:nth-child(2) a:hover{color: #3b5998;}
.foot .ft_mid .share li:nth-child(3) a:hover{color: #d10000;}
.foot .ft_mid .share li:nth-child(4) a:hover{color: #01577e;}
.foot .ft_mid .d_mes{width: 300px;}
.foot .ft_mid .d_mes .wid_title{margin: 10px 0;font-size: 18px;font-weight: bold;}
.foot .ft_mid .d_mes form{width: 100%;}
.foot .ft_mid .d_mes input{display: block;margin: 5px 0;padding: 0 10px;width: 100%;height: 30px;line-height: 30px;box-sizing: border-box;background: transparent;border: 1px solid #959595;color: #fff;}
.foot .ft_mid .d_mes input.ft_sub{height: 30px;line-height: 30px;color: #fff;background: #038647;border: 0;cursor: pointer;}
.foot .ft_mid .d_mes input::placeholder,.foot .ft_mid .d_mes textarea::placeholder{color: #959595;}
.foot .ft_mid .d_mes textarea{padding:10px;width: 100%;height: 100px;resize: none;box-sizing: border-box;font-family: arial;background: transparent;border: 1px solid #959595;color: #fff;}

.foot .ft_mid .contact_mes{width: 40%;}
.foot .ft_mid .contact_mes .ft_logo img{filter:grayscale(1) brightness(10);}
.foot .ft_mid .contact_mes p{margin: 5% 0 19px;}
.foot .ft_mid .contact_mes ul li{line-height: 24px;font-size: 14px;}
.foot footer{margin-top:3%;padding-top:15px;border-top: 1px solid #fff;}
.foot footer span{display: inline-block;}
@media only screen and (max-width:768px){
	.foot .ft_mid .contact_mes{width: 100%;}
}
@media only screen and (max-width:480px){
	.foot .ft_mid .layout{flex-flow: column-reverse;}
	.foot .ft_mid .share_part{width: 100%;}
	.foot .ft_mid .d_mes{display: none;}
	.foot .ft_mid .share li{float: left;width: 33%;}
	.foot .ft_mid .share li:nth-child(1){width: 100%;}
	.foot .ft_mid .share li a{margin-left: 4%;}
}

/* top */
.side_kf{position: fixed;right: 3%;top: 70%;width: auto;height: auto;z-index: 99;}
.side_kf #top{display: inline-block;position: relative;width: 40px;height: 40px;background: url(../images/top.png)no-repeat center;border-radius: 50%;opacity: 0;background-image: linear-gradient(45deg,#6f6e6e,#686780);transition: all .4s;}
.side_kf #top i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.side_kf #top:after{content: "";position: absolute;left: 50%;bottom: -20px;width: 94%;height: 15px;border-radius: 50%;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);transform: translate(-50%,0);}