@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;}

/*href*/
a:link,a:visited{color:#333}
a:hover,a:active{color:#2fc7a0}
.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:#e73980}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#e73980}

/*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; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

.head{width:100%;height:95px;background-color:#ffffff;position:fixed;top:0;z-index: 998;}
.head .wrap{ width:1360px;}
.logo{ display:block; background:url(../images/logo.png) no-repeat left center; width:480px; height:95px;}
.nav{ padding-top:30px;}
.nav li{ float:left; padding:0 14px; margin-left:40px; line-height:50px;}
.nav li a{ font-size:16px; color:#696969;}
.nav li.curr, .nav li:hover{ border-bottom:4px solid #166a79;}

.index_banner_new{width:100%;height:auto;min-width:280px;min-height:160px;margin:0px auto;position:fixed;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 img{position:absolute;left:0;top:0;width:100%;height:100%}
.index_banner_new .dots{position:absolute;bottom:20px;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 .arr{display:none;position:absolute;top:140px;z-index:2;width:40px;height:40px;line-height:38px;text-align:center;font-size:36px;background:rgba(0,0,0,0.3);color:#fff;text-decoration:none}
.index_banner_new .arr:hover{background:rgba(0,0,0,0.7);text-decoration:none}
.index_banner_new:hover .arr{display:block;text-decoration:none;color:#fff}
.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.10)}
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%}
a.tqchina_banner_text h3{color:#fff;font-size:28px;text-align:center;margin:0}
a.tqchina_banner_text h6{color:#fff;font-size:60px;line-height:60px;margin:1rem 0;text-align:center;font-family:'agb'}
a.tqchina_banner_text span{display:block;width:230px;height:60px;line-height:60px;text-align:center;color:#fff;font-size:16px;margin:60px auto 0;border:1px solid #fff;font-family:'agb',"Microsoft YaHei";-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
a.tqchina_banner_text:hover span{background:#c52c2b;border-color:#c52c2b}
.index_banner_new .video_button img{display:none}
.lt9 .index_banner_new .video_button img{display:block}
.lt9 .tqchina_banner_text{margin:-230px 0 0 0px;left:0px !important}
.lt9 .index_banner_new .ba_left .tqchina_banner_text{left:10% !important;width:auto}
.lt9 .index_banner_new .ba_right .tqchina_banner_text{left:60% !important;width:auto}
.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,0.8);z-index:91;display:none;top:0;left:0}
.index_banner_new video{ width:100%; height:100%;}

.index_y{width: 100%;overflow: hidden;position: absolute;top: 1000px; background-color:#ffffff;}

.index1{ background:url(../images/bg1.jpg) no-repeat center center; width:100%; height:153px;}
.index1 ul{ padding:24px 0; overflow:hidden; text-align:center;}
.index1 ul li{display:inline-block;background-repeat:no-repeat;background-position:left center;height:105px;padding-left:125px; position:relative; text-align:left;}
.index1 ul li.i1{ background-image:url(../images/icon1.png); width:265px;}
.index1 ul li.i2{ background-image:url(../images/icon2.png); width:335px; margin-left:82px;}
.index1 ul li.i3{ background-image:url(../images/icon3.png); width:220px; margin-left:67px;}
.index1 ul li.i1:after, .index1 ul li.i2:after{ content:''; position:absolute; right:0; top:0; width:1px; height:105px; background:url(../images/line1.jpg) no-repeat center center;}
.index1 ul li p{ font-size:20px; color:#166a79; line-height:28px; font-weight:bold; letter-spacing:2px;}
.index1 .table{ width:auto;}

.index2{ padding:40px 0 74px;}
.title1{ padding-top:60px; background:url(../images/title1.png) no-repeat center top;}
.title1 h1{ font-size:30px; color:#166a79;}
.title1 p{ font-size:30px; color:#d6e4e0; font-weight:bold;}
.pro_nav{ width:1315px; margin:40px auto 0;}
.pro_nav li{ float:left; width:635px; margin:0 0 15px 15px;}
.pro_nav li.pro1 .pro_zi{ background-image:url(../images/icon01.png);}
.pro_nav li.pro2 .pro_zi{ background-image:url(../images/icon02.png);}
.pro_nav li.pro3 .pro_zi{ background-image:url(../images/icon03.png);}
.pro_nav li.pro4 .pro_zi{ background-image:url(../images/icon04.png);}
.pro_tu{ width:635px; height:380px;}
.pro_zi{ border:1px solid #aaaaaa; border-top:none; padding:26px 50px 20px 130px; background-repeat:no-repeat; background-position:15px 15px;}
.pro_zi h1{ font-size:26px; color:#166a79; line-height:65px;}
.pro_a{ line-height:30px; height:90px;}
.pro_a, .pro_a a{font-size:16px;color:#5f5f5f; letter-spacing:2px;}
.pro_a a:hover{ color:#166a79;}

.index3{ background:url(../images/bg2.jpg) no-repeat center center; width:100%; height:671px;}
.title2{ padding-top:36px;}
.title2 h1{ font-size:34px; color:#333333; font-weight:normal; line-height:54px;}
.title2 p{ font-size:20px; color:#999999; line-height:34px;}
.adv{margin:50px auto 0; width:1250px; overflow:hidden}
.adv li{width:260px; height:400px; border-bottom:#30869c solid 5px; margin-right:52px; float:left; transition:all 0.5s; text-align:center;}
.dc1 { width: 153px;height: 186px;margin: 25px auto 40px; transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s; -o-transition: all .5s;}
.b1 { background: url(../images/t1.png) no-repeat top center;}
.adv li:hover .b1{background: url(../images/t1.png) no-repeat bottom center;}
.b2 { background: url(../images/t2.png) no-repeat top center;}
.adv li:hover .b2{background: url(../images/t2.png) no-repeat bottom center;}
.b3 { background: url(../images/t3.png) no-repeat top center;}
.adv li:hover .b3{background: url(../images/t3.png) no-repeat bottom center;}
.b4 { background: url(../images/t4.png) no-repeat top center;}
.adv li:hover .b4{background: url(../images/t4.png) no-repeat bottom center;}
.adv li h3{ font-size:30px; font-weight:bold; color:#30869c; font-weight:normal; letter-spacing:5px;}
.adv li p{ font-size:14px; color:#30869c; line-height:28px; margin-top:15px;}
.adv li:hover{width:260px; height:400px; border-bottom:#30869c solid 5px; background-color:#30869c; float:left; transition:all 0.5s;}
.adv li:hover h3{ color:#fff}
.adv li:hover p{ color:#fff}

.index4{ padding:40px 0 98px;}
.title3{}
.title3 h1{ line-height:42px; font-size:28px; color:#129da1;}
.title3 p{ line-height:30px; font-size:18px; color:#999999;}
.service_tu{ margin-top:64px;}

.index5{ background:url(../images/bg3.jpg) no-repeat center center; width:100%; height:718px;}
.title4{ padding-top:65px;}
.title4 h1{ line-height:38px; font-size:30px; color:#ffffff;}
.title4 p{ line-height:24px; font-size:20px; color:#ffffff; font-weight:bold;}
.body{ width: 1250px; margin: 0 auto;}
.body *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.body li{background:url(../images/bg4.png) repeat center center;width: 340px;min-height: 450px;padding-left: 57px;padding-right: 57px;padding-bottom: 20px;float: left;margin: 66px 38px 0px 38px;text-align: center;}
.body li:hover{position: relative;top: -5px;}
.body li img{width: 95px;height: 95px;margin-top: 70px;margin-bottom: 30px;}
.body li .title{font-size: 25px;color: #fff;letter-spacing: 1px;margin-bottom: 30px;}
.body li .details{font-size: 17px;color: #fff;letter-spacing: 1px;margin-bottom: 20px;line-height: 30px;}

.index6{ background-color:#f7f7f7; padding:56px 0 50px;}
.title5{ width:140px; padding-left:70px; background:url(../images/title2.png) no-repeat left center; margin:0 auto;}
.title5 h1{ font-size:34px; color:#166a79;}
.title5 p{ font-size:18px; color:#166a79;}
.case{ width:77%; margin:98px auto 0;}
.case li{ float:left; background-color:#ffffff; margin:0 .6% 35px; text-align:center; width:20.9%; padding:20px 1.45% 40px;}
.case p{ font-size:16px; color:#505050; margin-top:40px; height:20px; overflow:hidden;}
.more{ display:block; margin:15px auto 0; width:116px; height:29px;}

.footer{ background-color:#166a79;}
.foot{ width:1234px; margin:0 auto; padding:40px 0;}
.f1{ width:332px;}
.flogo{ background:url(../images/flogo.png) no-repeat left center; height:77px;}
.fadr{ font-size:12px; color:#ffffff; line-height:24px; margin-top:38px; font-family:"SimSun";}
.f2{ width:440px;}
.f_tit{ line-height:30px; padding-bottom:10px; font-size:16px; color:#ffffff;}
.f_line{ width:23px; height:3px; background-color:#ffffff;}
.f_nav{ width:390px; margin-top:26px;}
.f_nav li{ float:left; width:130px; line-height:38px;}
.f_nav a{ font-size:16px; color:#ffffff;}
.f3{}
.f_tel{ font-size:32px; color:#ffffff; font-weight:bold; margin-top:28px; line-height:40px;}
.f_mail{ font-size:16px; color:#ffffff; line-height:30px;}
.f4{}
.code{}
.f4 p{ font-size:14px; color:#ffffff; line-height:30px; text-align:center;}
.copy{ line-height:70px;}
.copy, .copy a{ font-size:12px; color:#ffffff;}
.copy img{ vertical-align:middle;}

.ej_center{top:0;}

.ej_ban{ width:100%; height:354px; background:url(../images/ej_ban5.jpg) no-repeat center center; margin-top:95px;}
.ban1{ background-image:url(../images/ej_ban1.jpg); height: 505px; position: relative;}
.ban2{ background-image:url(../images/ej_ban2.jpg);}
.ban3{ background-image:url(../images/ej_ban3.jpg);}
.ban4{ background-image:url(../images/ej_ban4.jpg);}
.ban5{ background-image:url(../images/ej_ban5.jpg);}

.contact { width:1050px;margin: 50px auto;}
.contact_tit {font-size: 40px;color: #444444;line-height: 54px;padding-bottom: 5px;border-bottom: 1px solid #d3d3d3;}
.contact_txt {margin-top: 12px;font-size: 16px;color: #ababab;line-height: 22px;width: 600px;}
.contact_adr {font-size: 16px;color: #666666;line-height: 45px;}
.contact_adr span {font-size: 20px;color: #565656;}
.contact_tel {font-size: 16px;color: #666666;line-height: 50px;margin-top: 72px;}
.contact_tel span {display: block;font-size: 28px;color: #166a79;font-weight: bold;}

.ej_index1{ position: absolute; bottom: 0; left: 0; background: url(../images/bg7.png) no-repeat center center;}

.about1{ background: url(../images/bg6.jpg) no-repeat center center; width: 100%; height: 682px; overflow: hidden;}
.about_tit{ background:url(../images/about_tit.png) no-repeat center center; height: 61px; margin-top: 68px;}
.about_txt{ margin:45px auto 0; width: 1080px;}
.about_txt, .about_txt p{ font-size: 24px; color: #575757; line-height: 50px;}

.honor{ background: url(../images/bg5.jpg) no-repeat center center; width: 100%; background-size: cover; padding: 100px 0 234px;}
.honor_tit{}
.honor_tit h1{ font-size: 30px; color: #ffffff;}
.honor_tit p{ font-size: 20px; color: #ffffff;}
.picMarquee-left{ margin: 50px auto 0; width: 73.7%;}
.picMarquee-left .bd ul li{ float: left; width: 33.3%;}
.picMarquee-left .bd ul li a{ display: block; padding: 0 10px;}

.pagewidth { width: 1250px;margin: 50px auto;}
.pagewidth *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.leftarea{position: relative;float: left;width: 300px;}
.leftarea:after{position: absolute;content: "";top: 0px;right: -1px;min-height: 1163px;width: 0px;border-right: 1px solid #b5b5b5;}
.leftarea > div{margin-bottom: 30px;}
.leftarea .title{width: 240px;text-align: center;height: 35px;line-height: 35px;margin-bottom: 20px;font-size: 18px;letter-spacing: 1px;}
.leftarea .title, .leftarea .title a{color: #333333;font-size: 18px;}
.leftarea .title.curr, .leftarea .title:hover{background-color: #007bbd;}
.leftarea .title.curr a, .leftarea .title:hover a{ color: #ffffff;}
.rightarea{float: left;width: 950px;padding: 0px 0px 0px 60px;border-left: 1px solid #b5b5b5;}
.rightarea img{max-width: 100%;margin-bottom: 25px;}
.rightarea > div > div{margin-bottom: 70px;font-size: 15px;}

.case1 li{ padding:0 0 40px; width:23.8%;}
.case_tu{ background-color:#166a79; padding:10px 1.45% 24px;}
.case_tu h1{ line-height:46px; font-size:20px; color:#ffffff; height:46px; overflow:hidden;}
.case1 li p{ margin-top:10px;}
.case1 li:hover .case_tu{ background-color:#1c9142;}

/*漂浮*/
.pf{width: 73px;height: 375px;position: fixed;top: 75%;right: 0;margin-top: -200px;z-index: 99999}
.pf ul li{ width:73px; height:75px; margin-bottom:1px; position:relative; cursor:pointer;}
.pf ul li .con{display: none;position: absolute;left: -130px;bottom:0;width: 120px;background: #343434;color: #fff;font-size: 14px;line-height: 14px;text-align: center; padding:15px 0;}
.ewmcon{ display:none; position:absolute; left:-163px; bottom:-9px; width:153px; height:157px; padding-top:23px;background:url(../images/bg_03.png) no-repeat; }
.ewmcon img { display:block; width:86px; height:86px; border:7px solid #fff; margin:0 auto; }
.ewmcon p { color:#fff; font-size:14px; line-height:35px; text-align:center; } 
.ewmcon:after { content:" "; position:absolute; right:-10px; bottom:22px; display:block;border-top: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #5e2007;}
.con:after {content: " ";position: absolute;right: -12px;top: 50%;margin-top:-7px;display: block;border-top: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid #343434;}
/*漂浮*/

.er_news_list{ width:1200px; margin: 50px auto 0; overflow:hidden;}
.er_news_list li{ border-bottom:1px dashed #CCCCCC; margin-bottom:30px}
.news_title a{ font-size:20px; color:#333333}
.news_jj{ color:#555; line-height:24px; padding-top:10px}
.news_time{ text-align:right; color:#999999; padding-bottom:20px; padding-top:30px}

.article, .article p{ font-size:16px; color:#333333; line-height:40px;}

@media screen and (max-width: 1600px) {
	.honor{ padding: 75px 0 175px;}
}

.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: #166a79; color: #fff;}