@charset "utf-8";

/* CSS Document */

body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}

body{color:#333; background-color:#ffffff;}

html{ overflow-x:hidden;}

ul,li,ol,dl,dt,dd{list-style:none}

img{border:none;border-style: none;}

*{ font-family:"Microsoft Yahei";margin:0;padding:0;}

.animate{transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}

input,textarea,button{ background: transparent;vertical-align:middle}

a{ color:#333; text-decoration:none;}

:focus{outline:0}

table { border-spacing: 0px; border-collapse: collapse; }

tr { cursor: pointer; }

input, textarea{ border: 0; }

textarea{resize:none}

select{ border:none;outline: none;}

iframe, video{ width:600px; height:400px;}

.mt30{ margin-top:30px !important;}



/*href*/

a:link,a:visited{color:#333; text-decoration:none;}

a:hover,a:active{color:#005c33; text-decoration:none;}

.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}

.cfff a:hover,.cfff a:active{color:#ddd}

.cccc,.cccc a:link,.cccc a:visited{color:#ccc}

.cccc a:hover,.cccc a:active{color:#ddd}

.c666,.c666 a:link,.c666 a:visited{color:#666}

.c666 a:hover,.c666 a:active{color:#005c33}

.c999,.c999 a:link,.c999 a:visited{color:#999}

.c999 a:hover,.c999 a:active{color:#005c33}



/*common*/

.wrap{width: 1200px;margin:0 auto;}

.l{float:left !important}

.r{float:right !important}

.o{overflow:hidden;}

.c{display:block;height:0;overflow:hidden}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{*zoom:1}

.hidden{display:none}

.center{text-align:center}

.img-box img,.img{display:block;margin:0;padding:0;width:100%;}

.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}

.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}

/*文字超出省略*/

.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}

.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}

.ovh2{-webkit-line-clamp:2}

.ovh3{-webkit-line-clamp:3}

.ovh5{-webkit-line-clamp:5}



.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}

.table_cell{ display:table-cell; vertical-align:middle}



.index_banner_new {width: 100%;height: auto;min-width: 280px;min-height: 160px;margin: 0px auto;position: relative;overflow: hidden}

.index_banner_new ul {margin: 0;padding: 0;width: 100%;height: 100%;position: absolute;z-index: 1}

.index_banner_new ul li {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden}

.index_banner_new ul li.active {display: block}

.index_banner_new ul li .intro {position: relative}

.index_banner_new ul li .intro video{ width:100%; height: 100%;object-fit: fill;}

.index_banner_new ul li img {position: absolute;left: 0;top: 0;width: 100%;height: auto;}

.index_banner_new .dots {position: absolute;bottom: 150px;right: 0;height: 12px;z-index: 2;text-align: center}

.index_banner_new .dots span {display: inline-block;width: 40px;height: 6px;background: #e0e0e0;margin: 0 5px;cursor: pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px}

.index_banner_new .dots span.active {background: #c52c2b}

.index_banner_new .prev {left: 20px}

.index_banner_new .next {right: 20px}

#tqchina_banner {position: relative}

.tqchina_banner_load {position: absolute;bottom: 0px;left: 0px;z-index: 3;width: 100%}

.tqchina_banner_load i {width: 0%;display: block;height: 1px;background: #f00}

.tqchina_banner_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;background: rgba(0, 0, 0, 0.0)}

a.tqchina_banner_text {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 10;color: #fff;text-align: center;width: 100%}

#warp {max-width: 1920px;margin: 0 auto;overflow: hidden}

#index_top {position: relative}

/*logo导航*/

.top{ position:absolute; top:0; z-index:999; width:100%; background-color: #ffffff; height: 102px;}

.top_wrap{ width:1312px; margin: 0 auto;}

.logo{ background: url(../images/logo.jpg) no-repeat left center; width: 210px; height:102px;}

.nav{ margin: 26px 0 0 68px;}

.nav li{ float: left; line-height: 72px; margin: 0 25px; text-align: center;}

.nav li a{ font-size: 16px; color: #224d81; font-weight: bold; font-style: italic;}

.nav li:hover a, .nav li.on a{ color: #c81b3f;}

.nav li:hover, .nav li.on{ border-bottom: 4px solid #c81b3f;}

.tel{ padding-left: 40px; background: url(../images/tel.png) no-repeat left center; margin-top: 28px; line-height: 82px; margin-top: 20px; font-size: 22px; color: #224d81; font-weight: bold;}



.index{width:100%;overflow:hidden; position: absolute; top: 843px; z-index: 90001; background-color: #ffffff;}



.index_about{ background: url(../images/bg1.jpg) no-repeat center top; width: 100%; overflow: hidden; background-size: 100%;}

.index1_tit{ font-size: 46px; color: #224d81; font-weight: bold; margin-top: 88px;}

.index1_txt{ font-size: 16px; color: #6d6d6d; line-height: 30px; width: 1280px; margin: 76px auto 70px;}

.index1_ul{ text-align: center; padding: 50px 0}

.index1_ul li{ display: inline-block; margin: 0 50px;}

.index1_ul li img{}

.index1_ul li h1{ width: 40px; height: 3px; background-color: #8f8f8f; margin: 18px auto;}

.index1_ul li h2{ font-size: 32px; color: #315880; font-weight: normal; line-height: 45px;}

.index1_ul li h3{ font-size: 14px; color: #315880; font-weight: normal; text-transform: uppercase; line-height: 25px;}



.index_pro{ background: url(../images/bg2.jpg) no-repeat center center; width: 100%; height: 758px; overflow: hidden;}

.pro_tit{ position: relative; margin-top: 72px;}

.pro_tit h1{-webkit-text-stroke:1px rgba(174, 186, 203, 0.11); font-size: 72px; color: transparent; text-transform: uppercase; line-height: 1;}

.pro_tit h2{ font-size: 36px; color: #ffffff; line-height: 1; position: absolute; width: 100%; bottom: 10px;}

.pro_ul{ width: 1460px; margin: 44px auto 0;}

.pro_ul li{ float: left; text-align: center; margin: 0 19px;}

.pro_tu{ background-color: #e8ebf0; padding: 8px; margin-bottom: 12px;}

.pro_tu img{}

.pro_ul li h1{ font-size: 26px; color: #224d81; line-height: 36px;}

.pro_ul li h2{ font-size: 14px; color: #919191; font-weight: normal; text-transform: uppercase; line-height: 26px;}



/* 优势 */

@font-face {font-family: 'iconfont';  /* project id 2288898 */src: url('//at.alicdn.com/t/font_2288898_d5bllagf5ru.eot');src: url('//at.alicdn.com/t/font_2288898_d5bllagf5ru.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_2288898_d5bllagf5ru.woff2') format('woff2'),url('//at.alicdn.com/t/font_2288898_d5bllagf5ru.woff') format('woff'),url('//at.alicdn.com/t/font_2288898_d5bllagf5ru.ttf') format('truetype'),url('//at.alicdn.com/t/font_2288898_d5bllagf5ru.svg#iconfont') format('svg');}

.iconfont {font-family:"iconfont" !important;font-style:normal;font-size: 1rem;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;position:relative;}

.hTitle{font-size:1rem;margin-bottom:40px;position: relative;line-height:1.4;text-align:center;text-transform: uppercase;}

.hTitle span{display:block;font-size:2.5em;color:#333;font-weight:700;margin-bottom:5px;}

.hTitle b{ color:#ad1f1f;}

.bgImg {background-position: center;background-size: cover;position: relative;transition: all 0.5s;display: block;width: 100%;height: 100%;}

.odds *{box-sizing: border-box;}

.odds{background:#f5f6f7;text-align:center;padding:0;position:relative;font-size:1em;overflow: hidden;}

.odds .hTitle{position: absolute;top:70px;left:9%;text-align:left;z-index:3;}

.oddsMain li{position:relative;overflow:hidden;text-align: left;font-size:1.143em;}

.oddsMain li .pic{display: block;float:right;height:660px;width:53%;overflow:hidden;}

.oddsMain li .bgImg{animation:scale 50s infinite;height:100%;}

.oddsMain li .info{float:left;width:47%;height:660px;padding-top:210px;padding-left:9%;padding-right:3%;}

.oddsMain li h4{font-size:2.125em;color:#191919;position:relative;padding-bottom:15px;margin-bottom:30px;}

.oddsMain li h4::after{content:"";position: absolute;left:0;bottom:0;width:50px;height:3px;background:#af1d1e;color:#fff;}

.oddsMain li .txt{height:280;overflow:hidden;}

.oddsMain li p{background: url('../images/odds_li.jpg') no-repeat left 10px;padding-left:20px;margin-bottom:10px;}

.oddsMenu{position: absolute;bottom:0px;left:9%;z-index:3; font-size:1.625em;text-align:center;color:#fff;width:50.6%;background:#363636;}

.oddsMenu li{float:left;position: relative;z-index:2;cursor:pointer;width:25%;padding-top:25px;height:145px; background-color: #224d81;}

.oddsMenu li i{display:block;margin-bottom:10px; height:46px; background-repeat:no-repeat; background-position:center center;}

.oddsMenu li.adv1 i{ background-image:url(../images/adv_icon1.png);}

.oddsMenu li.adv2 i{ background-image:url(../images/adv_icon2.png);}

.oddsMenu li.adv3 i{ background-image:url(../images/adv_icon3.png);}

.oddsMenu li.adv4 i{ background-image:url(../images/adv_icon4.png);}

.oddsMenu li.on{background:#ffffff;color:#224d81;}

.oddsMenu li.on.adv1 i{ background-image:url(../images/adv_icon1_on.png);}

.oddsMenu li.on.adv2 i{ background-image:url(../images/adv_icon2_on.png);}

.oddsMenu li.on.adv3 i{ background-image:url(../images/adv_icon3_on.png);}

.oddsMenu li.on.adv4 i{ background-image:url(../images/adv_icon4_on.png);}

.oddsMain .btn{display:none;position: static;margin-top:20px;width:50px;height:28px;line-height:28px;background:#333;color:#fff;}

@keyframes scale{

  from {transform:scale(1);}

  50% {transform:scale(1.1);}

  to {transform:scale(1);}

}



.index_news{ background: url(../images/bg3.jpg) no-repeat center center; width: 100%; overflow: hidden;}

.new_title{ display: block; width: 1702px; height: 52px; margin: 0 auto;}

.new_ul{ width: 1736px; margin: 50px auto;}

.new_ul li{ float: left; padding: 0 34px; width: 510px; border-right: 1px solid #ebebeb;}

.new_ul li:last-child{ border-right: none;}

.new_tit{ font-size: 18px; color: #555555; font-weight: bold; line-height: 30px; margin-bottom: 12px;}

.new_txt{ font-size: 16px; color: #6c6c6c; line-height: 34px; width: 490px;}

.new_time{ line-height: 18px; font-size: 12px; color: #c1c1c1; margin-top: 50px;}



.footer{ background: url(../images/bg4.jpg) repeat center center; padding: 50px 0 25px;}

.foot_nr{ width: 1500px; margin: 0 auto; overflow: hidden;}

.f_nav{}

.f_nav li{ float: left; margin-right: 58px; text-align: center;}

.f_nav li a{ display: block; font-size: 16px; color: #ffffff; line-height: 33px;}

.f_nav li a.f_tit{ font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 20px;}

.f_adv h1{ font-size: 44px; color: #ffffff; line-height: 50px; margin-bottom: 7px;}

.f_adv h1 img{ vertical-align: middle; margin-right: 20px;}

.f_adv p{ font-size: 16px; color: #ffffff; line-height: 38px;}

.f_adv span{ font-size: 26px; font-weight: bold;}



.copy{ line-height: 58px; background-color: #203257;}

.copy, .copy a{ font-size: 12px; color: #ffffff;}

.copy img{ vertical-align: middle;}



.ban{ background: url(../images/ban2.jpg) no-repeat center center; width: 100%; height: 340px; margin-top: 102px;}

.ban1{ background-image: url(../images/ban1.jpg); height: 381px;}

.ban2{ background-image: url(../images/ban2.jpg);}

.ban3{ background-image: url(../images/ban3.jpg);}

.ban4{ background-image: url(../images/ban4.jpg);}

.ban5{ background-image: url(../images/ban5.jpg);}



.adv_tit{ margin-bottom: 70px;}

.adv_tit h2{ color: #224d81;}



.er{ position: inherit;}



.aboutus{ width: 74.5%; margin: 60px auto 30px;}

.aboutus h1{ text-align: center; line-height: 48px; font-size: 36px; color: #224d81; margin-bottom: 54px;}

.aboutus p{ font-size: 16px; color: #3b3b3b; line-height: 32px; text-align: justify;}



.er_nav{ padding-top: 170px;}

.er_nav li{ background-color: #eae9e9; width: 190px; padding: 8px 0; margin: 0 15px;}

.er_nav li img{ height: 42px;}

.er_nav li .icon1{ display: inline-block;}

.er_nav li .icon2{ display: none;}

.er_nav li h1{ margin: 14px auto;}

.er_nav li h2{ font-size: 22px; line-height: 32px;}

.er_nav li h3{ font-size: 12px; line-height: 18px;}

.er_nav li.on, .er_nav li:hover{ background-color: #224d81;}

.er_nav li.on .icon1, .er_nav li:hover .icon1{ display: none;}

.er_nav li.on .icon2, .er_nav li:hover .icon2{ display: inline-block;}

.er_nav li.on h1, .er_nav li:hover h1{ background-color: #ffffff;}

.er_nav li.on h2, .er_nav li:hover h2, .er_nav li.on h3, .er_nav li:hover h3{ color: #ffffff;}



.service{ font-size: 22px; color: #224d81; font-weight: bold; text-align: center; line-height: 30px; margin: 60px 0 130px;}

.service img{ margin-right: 10px; vertical-align: middle;}



.aobut1{ width: 1160px; margin: 70px auto;}

.pro_nav{ background-color: #fdfdfe; width: 266px;}

.pro_nav li{ padding-left: 59px; line-height: 59px;}

.pro_nav li a{ font-size: 16px; color: #626262;}

.pro_nav_tit{ padding-left: 27px; background-color: #f1f4f8; border-top: 1px solid #dbdfe6; line-height: 61px; font-size: 18px; color: #46465d;}

.pro_nav_tit img{ vertical-align: middle; margin-right: 25px;}

.pro_nav li.on, .pro_nav li:hover{ background-color: #0d0e42;}

.pro_nav li.on a, .pro_nav li:hover a{ color: #ffffff;}

.pro_r{ width: 830px;}

.article, .article p{ font-size: 18px; color: #46465d; line-height: 38px;}

.article p{ margin-bottom: 30px;}



.upload_nav{ text-align: center;}

.upload_nav li{ line-height: 110px; margin: 0 20px; display: inline-block;}

.upload_nav li a{ font-size: 18px; color: #868686; font-weight: bold;}

.upload_nav li.on a, .upload_nav li:hover a{ color: #46465d;}

.upload{ width: 1200px; margin: 54px auto 0;}

.upload li{ float: left; width: 380px; height: 130px; margin: 0 10px 50px; background-color: #ebebeb;}

.upload_icon{ margin: 34px 0 0 22px;}

.upload_txt{ width: 250px; margin: 34px 22px 0 0; text-align: right;}

.upload_txt p{ line-height: 60px; height: 60px; overflow: hidden; font-size: 18px; color: #46465d;}

.upload_txt span{ display: block; line-height: 1; font-size: 12px; color: #17b09c;}



/*联系我们*/

.w1200{ width: 1200px; margin: 0 auto;}

.cont{height:456px;background:url(../images/cont_03.png) no-repeat center center;margin:0 auto;}

.cont1{float:right;width:690px;height:290px;margin-top:99px;}

.cont1 h2{line-height:45px;height:45px;}

.cont1 h2 img{float:left;width:37px;height:35px;}

.cont1 h2 span{float:left;line-height:35px;color:#3b406c;margin-left:10px;}

.cont1 h3{line-height:35px;padding:20px 80px;}

.cont1 p{line-height:35px;color:#3b406c;font-size:18px; margin-left: 30px;}

.dt{height:522px;background:url(../images/cont_04.png) no-repeat center center;margin:0 auto;}



.er_news{ height: auto; background-position: center bottom;}

.newslist li{ border-right: none; margin-bottom: 50px;}



.news_article{ padding: 50px 0;}

.article img{ max-width: 100%;}



.view-tit{color: #000;padding-bottom: 30px;border-bottom: 1px solid #aaa;margin-bottom: 40px;}

.view-tit .date{font-size: 1.125rem;color: #666;margin-bottom: 10px; font-weight: normal; line-height: 1.8;}

.view-tit h2 {margin: 0;font-size: 2.2rem;line-height: 1.3;font-weight: normal;}

.view-page {border-top: 1px solid #ddd;padding-top: 70px;margin-top: 60px;text-align: center;font-size: 0;}

.btn-style.green {border-color: rgba(148, 7, 10, 0.5);color: #94070a;}

.view-page .btn-style {font-size: 1rem;}

.btn-style {position: relative;display: inline-block;vertical-align: middle;width: 200px;height: 54px;font-size: 0.875rem;font-weight: 600;line-height: 54px;text-align: center;white-space: nowrap;margin: 0;padding: 0 14px;border-style: solid;border-width: 2px;border-radius: 27px;-webkit-transition: background .2s, color .2s, border .2s;-o-transition: background .2s, color .2s, border .2s;transition: background .2s, color .2s, border .2s;border-color: rgba(255, 255, 255, 0.5);background-color: rgba(255, 255, 255, 0);color: #fff;overflow: hidden;}

.article-page {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 70px;}

.article-page .box {display: block;width: 50%;border-right: 1px solid #ddd;position: relative;background-color: #f7f7f7;}

.article-page .box .btn-aw {width: 44px;height: 44px;border-radius: 50%;border: 1px solid #aaa;font-size: 0;position: absolute;top: 50%;margin-top: -22px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}

.article-page .box .btn-aw:before {content: '';display: block;width: 10px;height: 10px;border: 2px solid #333;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border .5s;-o-transition: border .5s;transition: border .5s;}

.article-page .box .main {vertical-align: top;}

.article-page .box .main .tag {font-size: 0.9375rem;color: #94070a;margin-bottom: 5px;}

.article-page .box .main .ti {font-size: 1.125rem;line-height: 1.5;color: #333;}

.article-page .box .main .data {font-size: 0.9375rem;color: #999;}

.article-page .box:hover .btn-aw {border-color: #94070a;background-color: #94070a;}

.article-page .box:hover .btn-aw:before {border-color: #fff;}

.article-page .box:hover .main .ti {color: #000;text-decoration: underline;}

.article-page .box.prev {padding: 40px 50px 40px 130px;}

.article-page .box.prev .btn-aw {left: 40px;}

.article-page .box.prev .btn-aw:before {border-right: none;border-top: none;-webkit-transform-origin: 8px 0;-ms-transform-origin: 8px 0;transform-origin: 8px 0;}

.article-page .box.prev .main {text-align: right;}

.article-page .box.next {border-right: none;padding: 40px 130px 40px 50px;}

.article-page .box.next .btn-aw {right: 40px;}

.article-page .box.next .btn-aw:before {border-left: none;border-bottom: none;-webkit-transform-origin: 8px -5px;-ms-transform-origin: 8px -5px;transform-origin: 8px -5px;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}

.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}

.pagelist strong { background: #46465d; color: #fff;}

.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:90001; top:350px;right:0;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/kefu/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver p{ padding: 15px 0;}
.msgserver a { background:url(../images/kefu/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;text-decoration: underline;}
.custom_service p{ position:relative;}
.custom_service span{ font-size:16px; position:absolute; top:22px; line-height:30px; background-color:#000000; color:#ffffff; display:none;}
.custom_service p:hover span{ display:block;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/kefu/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/kefu/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}

/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;font: 12px/1.2 Verdana, sans-serif;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}

.forms{ padding: 10px 80px 50px;}
.forms ._item{ clear: both;}
.forms ._item label{ font-size: 18px; color: #505050; line-height: 55px;}
.forms textarea{ height: 200px; line-height: 50px;}
input:not([type=submit]), select, textarea {transition-duration: .15s;width: 100%;font-size: .83333rem;min-height: 2.25rem;}
input:not([type=submit]):not([type=range]), select, textarea {border: 1px solid #dcdcdc;padding: 0 10px;}
.apply-btn{ width: 239px; margin: 40px auto 0; border: 3px solid #457cbe; text-align: center; line-height: 44px;}
.apply-btn a{ font-size: 18px; color: #457cbe;}

@media (max-width: 1680px){

  .index_pro { background-size:cover; height: 650px;}

  .pro_ul{ width: 1095px;}

  .pro_ul li{ margin: 0 14px; width: 245px;}

  .pro_tu{ padding: 6px; margin-bottom: 9px;}

  .pro_ul li h1{ font-size: 20px; line-height: 27px;}

  .pro_ul li h2{ font-size: 12px; line-height: 20px;}

  .oddsMain li{ font-size: 1em;}

  .oddsMain li h4{ font-size:1.8em;}

  .index_news{ background-size: cover;}

  .new_title{ width: 1276px; height: 39px; margin: 0 auto;}

  .new_title img{ width: 100%;}

  .new_ul{ width: 1302px; margin: 37px auto;}

  .new_ul li{ padding: 0 25px; width: 382px;}

  .new_tit{ line-height: 24px; margin-bottom: 9px;}

  .new_txt{ line-height: 24px; width: 367px;}

  .new_time{ line-height: 16px; margin-top: 37px;}

  .footer{ padding: 37px 0 18px;}

  .foot_nr{ width: 1125px;}

  .f_nav li{ margin-right: 32px;}

  .f_nav li a{ line-height: 24px;}

  .f_nav li a.f_tit{ margin-bottom: 15px;}

  .f_adv h1{ font-size: 33px; line-height: 37px; margin-bottom: 5px;}

  .f_adv h1 img{ margin-right: 15px; height: 37px;}

  .f_adv p{ font-size: 14px; line-height: 28px;}

  .f_adv span{ font-size: 20px;}



}