@charset "gb2312";
/* CSS Document */

html{ overflow-x:hidden;}
body{ margin:0; padding:0;font-size:12px; color:#333; font-family:microsoft yahei; background:#fff;}
i,b{ font-style:normal; font-weight:normal;}
a{ color:#333; outline:none;}


/* ¹«ÓÃÑùʽ */
.clear:after{ content:'.'; clear:both; height:0; display:block; visibility:collapse;}
.left{ float:left;}
.right{ float:right;}
.inline{ display:inline;}
.family{ font-family:Arial;}
.family1{ font-family:ËÎÌå;}
.size1{ font-size:18px;}
.size2{ font-size:25px;}
.bold{ font-weight:bold;}
.none{ display:none;}
.ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.width1{ width:1200px; margin:0 auto; position:relative; clear: both;}
.width2{ width:100%;}
.width3{ width:auto;}

.color1{ color:#1f5b97;}

@media screen and (max-width: 800px){
body{ font-size:2rem !important;}
.width1{ width:100%; margin:0 auto; position:relative;}	
}

/* Í·²¿ */
/*.index_top{ width:100%; height:126px; background:url(../images/top_bg.jpg) center top no-repeat; position:relative; z-index:999;}
.logo{ width:auto; padding-top:30px;}
.stop_tel{ width:auto; font-size:12px; color:#888; background:url(../images/tel_icon.jpg) left center no-repeat; padding-left:20px; margin-top:25px;}
.stop_tel i{ font-size:17px;}
.topreo{ width:220px;}
.stop_ser{ width:auto; margin-top:15px;}
.stop_ser .sre_01{ width:168px; height:28px; line-height:28px; border:1px solid #e1e1e1; padding:0 10px; font-family:microsoft yahei; font-size:12px; color:#999; outline:none;}
.stop_ser .sre_01:focus{ color:#333;}
.stop_ser .sre_02{ width:30px; height:30px; background:url(../images/search.png) center no-repeat #1f5b97; outline:none; border:none; cursor:pointer;}

.top_nav{ width:100%; height:45px; background:url(../images/navbg.jpg) center top repeat-y;}
.top_nav li{ width:auto; float:left; background:url(../images/navhover.jpg) right center no-repeat; line-height:45px; color:#fff; font-size:16px;}
.top_nav li a{ font-size:16px; color:#fff; padding:0 24.7px; display:block;}
.top_nav li.nav_hot a,.top_nav li:hover{ background:#006499;}
.top_nav li:last-child{ background:none;}*/

/*ÊÖ»úÕ¾µ¼º½*/
.sidenav{background:#915cb2;box-shadow:2px 2px 6px rgba(0,0,0,.3);display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-262px,0);transition:transform .3s;top:0;width:256px;z-index:100}
.sidenav.show{transform:translate(0,0)}
.sidenav-brand{background:#915cb2;border-bottom:1px solid #FF7043;color:#FAFAFA;font-size:24px;font-weight:700;line-height:32px;padding:20px 24px 19px}
.sidenav-dropdown,.sidenav-header{border-bottom:1px solid #643a87;margin:0}
.sidenav-header{background:0 0;color:#757575;font-size:19.2px;line-height:32px;padding:16px 24px 15px}
.sidenav-header small{display:block;font-size:14.4px;line-height:16px}
.sidenav-menu{list-style:none;margin:0;padding:0}
.sidenav-menu li{display:block;position:relative; border-bottom:1px solid #007dca; text-align:right;}
.sidenav-menu a{background:0 0;color:#f2deff;display:block;line-height:24px;padding:20px 32px;text-decoration:none; font-size:0.9rem;}
.sidenav-menu a:hover{background:#643a87}
.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#FAFAFA}.sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px}.sidenav-link-icon{display:block;height:24px;left:24px;width:24px}
.sidenav-link-title{display:block;padding:0 16px 0 10px;font-size:1.3rem;}
.sidenav-dropdown{display:none;list-style:none;padding:0}
.sidenav-dropdown a{background:#a16fc1;padding-left:60px}
.sidenav-dropdown a:hover{background:#643a87}
.sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
.sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px}
.sidenav-dropdown-icon.show{display:block}
.sidenav-overlay{background:rgba(255,255,255,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}
.sidenav-no-scroll{overflow:hidden!important}

.menubtn {width:auto;right:4%; top:38px;position:fixed; z-index:999;text-decoration: none; display:none;}
body.openmenu {position: fixed;overflow: hidden;}
.overlay { position: fixed;z-index: 99;background-color: rgba(0,0,0,0.5);bottom: 0;right: 0; left: 0;}
.openmenu .overlay { top: 0;}
#hamburgermenu { height: 100%; width: 0; background: #0071b7; position: fixed; top: 0;left: 0; z-index: 101; overflow: hidden; /*-webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55); -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55); box-shadow: 3px 0 7px rgba(0,0,0,0.55);*/}
#hamburgermenu ul {margin-top:40%;z-index: 101;overflow-y: auto;overflow-x: hidden;}
#hamburgermenu ul li {display: block;}
#hamburgermenu ul li a {display: block;min-width: 130px;padding:25px 8px;color: #fff;font-size: 1.3rem;text-decoration: none; text-align: left;}
#hamburgermenu li a:hover {color: #fff; background: #0084d6;}

/*´óͼ*/
.slider{position: relative;width: 100%;height:453px;overflow: hidden;}
.slider .box {width: 100%;height: 100%;line-height: 5;text-align: center;font-size: 5em;color: #fff;text-transform: capitalize;vertical-align:middle; }
.slides {height: 100%;overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide {height: 100%; width:100%;float: left;clear: none;}
.slider-arrows{}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width:40px;height:40px;line-height:40px;text-decoration: none;text-align: center;color: #fff;font-size:75px;border-radius: 50%; font-family:songti;opacity:0.3;}
.slider-arrow--right { bottom: 50%; right: 30px; }
.slider-arrow--left { bottom: 50%; left: 30px; }
.slider-nav {position: absolute;bottom: 12%;}
.slider-nav__item {width: 12px;height: 12px;float: left;clear: none;display: block;margin: 0 5px;background: #fff; border-radius:50%;}
.slider-nav__item:hover { background: #ccc; }
.slider-nav__item--current { background: #ccc; }
.mob_banner{ display:none; margin-top:6rem;}
.mob_banner .slider{ height:262px;}

@media screen and (max-width: 800px){
.pc_banner{ display:none;}
.mob_banner{ display:block;}
.top_nav,.topreo{ display:none;}
.index_top{ height:6rem; position:fixed; top:0; border-bottom:1px solid #eee;}
.logo img{ width:80%;}
.navri{ display:none;}
.menubtn{ display:block;}
}

/*ÄÚÈÝÇø*/
.index_mi1{ width:100%; background:#fafafa; padding-bottom:30px;}

.insd_pre{ margin-top:-30px; z-index:9;}
.insd_pre dl{ width:157px; height:290px; border:1px solid #ececec; float:left; position:relative; background:#fff; text-align:center; margin:0 7px; display:inline;}
.insd_pre dt{ width:112px; height:112px; overflow:hidden; float:left; margin:-50px 0 0 23px; display:inline;}
.insd_pre dd{ width:95%; padding:2.5%;}
.insd_pre dd .ope_tit1{ width:100%; font-size:15px;}
.insd_pre dd ul{ width:100%; margin-top:15px;}
.insd_pre dd ul li{ width:100%; float:left; line-height:24px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.insd_pre dd ul li a{ color:#8b8b8b; font-size:13px;}

.insd_pre dl.preo_m1{ margin-left:0;background:-moz-linear-gradient(top, red, rgba(255, 250, 255, 1));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(rgba(255, 250, 255, 1))); }
	
.insd_pre dl.preo_m2{background:-moz-linear-gradient(top, red, rgba(255, 255, 246, 1));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(rgba(255, 255, 246, 1))); }
	
.insd_pre dl.preo_m3{background:-moz-linear-gradient(top, red, rgba(255, 251, 246, 1));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(rgba(255, 251, 246, 1))); }
	
.insd_pre dl.preo_m4{background:-moz-linear-gradient(top, red, rgba(246, 255, 247, 1));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(rgba(246, 255, 247, 1))); }
	
.insd_pre dl.preo_m5{background:-moz-linear-gradient(top, red, rgba(246, 250, 255, 1));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(rgba(246, 250, 255, 1))); }
	
.insd_pre dl.preo_m6{ margin-right:0;background:-moz-linear-gradient(top, red, rgba(251, 246, 255, 1));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(rgba(251, 246, 255, 1))); }


.indepor{ width:100%; margin:24px 21px;/* border:1px solid #e9e9e9;*/}
.inAbout_tit{ width:100%; border-bottom:1px solid #eaeaea; background:#f2f2f2;}
.inAboutt1{ width:100px; background:#015196; border-left:5px solid #ea3e00; line-height:36px; text-align:center; color:#fff; font-size:17px;}
.inAbomore{ width:66px; line-height:30px; text-align:center; padding-top:5px; text-transform:uppercase; color:#999;}

.inpro_list{ width:100%; margin:3px -1.5%;}
.inpro_list dl{ width:275px; float:left; text-align:center; margin:0 20px; display:inline;
/*box-shadow: 0 0 20px rgba(0,0,0,.1);*/}
.inpro_list dt{ width:100%; height:170px; float:left; overflow:hidden; border:1px solid #e8e8e8;}
.inpro_list dt img{ width:100%;}
.inpro_list dd{ width:101%; float:left; font-size:15px;background: #f5f5f5;
    height: 34px;
}
.inpro_list dd a{ font-size:15px;line-height: 37px;}

.indeabo{ width:500px; border:1px solid #e9e9e9;}
.inde_about{ width:94%; margin:3%; height:230px;}
.inde_about p{ width:100%; float:left; line-height:28px; font-size:13px; margin-bottom:0; text-indent:2em;}

.indconts{ width:94%; margin:3%; height:230px; background:url(../images/contact_us.png) right bottom no-repeat;}
.cons_u1{ width:100%; font-size:14px; color:#666; margin-top:15px;}
.cons_u1 i{ width:100%; font-size:27px; margin-top:10px;}
.indconts p{ width:100%; margin-top:15px; font-size:13px; color:#666; line-height:24px; float:left;}

.gomap_a{ width:auto; background:#0071b7; height:30px; line-height:30px; color:#fff; padding:0 20px; font-size:13px;}
.gomap_a:hover{ color:#fff;}

.index_mi3{ width:100%; height:350px; background:url(../images/news_bg.jpg) center no-repeat fixed; margin:35px 0; padding:30px 0;}
.innews{ width:500px;}

.innews_tit{ width:100%; border-bottom:1px solid #eaeaea;}
.innews_ts1{ width:auto; background:url(../images/news_icon.png) left center no-repeat; height:28px; line-height:28px; font-size:17px; padding-left:36px;}

.indnew_lb{ width:100%; margin-top:40px;}
.indnew_lb dl{ width:100%; float:left; margin-bottom:25px; display:inline;}
.indnew_lb dt{ width:82px; height:56px; float:left; overflow:hidden;}
.indnew_lb dt img{ width:100%;}
.indnew_lb dd{ width:395px; float:right;}
.indnew_lb dd a{ width:100%; font-size:15px; float:left;}
.indnew_lb dd i{ width:100%; color:#999; margin-top:5px; float:left;}
.indnew_lb dd p{ width:100%; color:#666; float:left; height:30px; overflow:hidden; line-height:30px; margin:0;}

.indnew_usl{ width:100%; margin-top:28px;}
.indnew_usl li{ width:98%; float:left; border-bottom:1px dashed #ddd; line-height:44px; background:url(../images/mist_icon.png) left center no-repeat; padding-left:2%;}
.indnew_usl li a{ width:75%; float:left; font-size:15px;}
.indnew_usl li .tim_date{ width:20%; text-align:right; overflow:hidden; color:#999;}

/*µ×²¿*/
.index_foot{ width:100%; background:#333; padding:30px 0; text-align:center; line-height:28px; font-size:13px; color:#fff;}
.index_foot a{ color:#fff; font-size:13px;}
.index_foot a:hover{ color:#ddd;}

/*ÊÖ»úÕ¾µ×²¿*/
.inFoot01{ width:100%; background:#252628; position:fixed; bottom:0; z-index:999;display:none; padding:7px 0;}
.inFoot01 li{ width:24.7%; float:left;height:4rem; line-height:3rem; border-right:1px solid #555;border-left:1px solid #111; position:relative; text-align:center; padding:1% 0;}
.inFoot01 li img{ width:25%;}
.inFoot01 li a{ display:block; font-size:0.8rem; color:#fff; padding-top:1%;}
.inFoot01 li span{ width:100%; text-align:center; position:absolute; left:0; bottom:0;font-size:1rem; height:2.2rem;}
.inFoot01 li:frist-child{ border-left:none;}
.inFoot01 li:last-child{ border-right:none;}

.insd_pre1{ margin-top:0; z-index:9; padding-top:70px; display:none;}
.insd_pre1 dl{ width:30.5%; border:1px solid #ececec; float:left; position:relative; background:#fff; text-align:center; margin:0 7px; display:inline; padding-bottom:3%;}
.insd_pre1 dt{ width:112px; height:112px; overflow:hidden; float:left; margin:-50px 0 0 20%; display:inline;}
.insd_pre1 dd{ width:95%; padding:2.5%;}
.insd_pre1 dd .ope_tit1{ width:100%; font-size:15px;}
.insd_pre1 dd ul{ width:100%; margin-top:15px;}
.insd_pre1 dd ul li{ width:100%; float:left; line-height:24px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.insd_pre1 dd ul li a{ color:#8b8b8b; font-size:13px;}

#slideBox .hd{ position:relative; position:relative; z-index:1; text-align:center; margin-top:30px;}
#slideBox .hd li{ display:inline-block; width:12px; height:12px; line-height:40px; background:#d7d7d7; margin-right:10px; border-radius:50%; overflow:hidden;}
#slideBox .hd li.on{ background:#e48013;}
.mob_inclass{ display:none;}

@media screen and (max-width: 800px){
.index_foot{ display:none;}
.inFoot01{ display:block;}
.index_mi2{ width:96%; margin:2%;}
.indeabo{ width:100%; margin-top:3%;}
.index_wrap{ padding-bottom:6%;}

.index_mi3{ height:auto;}
.innews{ width:96%; margin:2%;}
.indnew_lb dd{ width:82%;}

.inde_about img{ width:100%;}
.insd_pre{ display:none;}
.insd_pre1{ display:block;}
.mob_inclass{ display:block;}

}

/*¹«Ë¾¼ò½é*/
.ny_banner{ width:100%; height:252px; background:url(../images/ny_banner1.jpg) center top no-repeat;}

.dafult_wrap{ margin:30px 0;}
.absy_left{ width:200px; }
.baous_tit{ width:90%; background:url(../images/vbts_bg.jpg) right center no-repeat #2682d5;font-size:23px; color:#fff; position:relative; padding:20px 0 20px 10%;}
.baous_tit i{ width:100%; font-size:14px; text-transform:uppercase; float:left; margin-top:10px; color:#9dc5ea;}

.menu_list{ width:100%; margin-top:20px;}
.menu_list li{ width:100%; float:left; margin-bottom:5px;}
.menu_list li a{ font-size:16px;}
.menu_list li h2{ width:80%; float:left; height:45px; line-height:45px; display:inline; background:url(../images/ixnsk.png) 90% -26px no-repeat #f6f6f6; padding-left:20%; border-bottom:2px solid #f0f0f0; transition-duration:300ms;}

.menu_list li .text{ width:93.5%; border:1px solid #f6f6f6; padding:5% 3% 3%; float:left; display:none;}
.menu_list li .text li{ background:url(../images/mist_icon.png) 25% center no-repeat; border-bottom:none;}
.menu_list li .text li a{ font-size:13px; padding-left:30%; color:#666;}
.baosu_img{ width:100%; overflow:hidden; margin-top:20px;}
.menu_list li.menu_hot h2,.menu_list li:hover h2{background:url(../images/ixnsk.png) 90% 18px no-repeat #ffa300;}
.menu_list li.menu_hot h2 a,.menu_list li:hover h2 a{ color:#fff;}

.absy_right{ width:770px;}
.abnZuoy_bt {width: 100%;height:40px; border-bottom:1px solid #eee;padding:1px;}
.abnZuoy_bt1 {width: auto;line-height:40px;font-size: 18px;color: #555; padding-right:20px; border-bottom:2px solid #2682d5;}
.abnZuoy_dqw{ width:auto; line-height:40px; color:#999;}
.abnZuoy_dqw a{ color:#999;}
.abnZuoy_dqw a:hover{ color:#333;}

.absy_rmia{ width:100%; margin-top:30px;}
.absy_rmia p{ font-size:14px; line-height:2.2;}

.aboust_zl{ width:96%; margin:3% 2%; display:none;}
.aboust_zl ul{ border-top:1px solid #dcdcdc;  margin:0 0 20px 0; width:100%; padding-bottom:0;border-left:1px solid #e6e6e6;}
.aboust_zl ul li{ float:left;background:url(../images/aboust_icon.png) 20px center no-repeat; line-height:50px;width:33%;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; position:relative;}
.aboust_zl ul li a{ font-size:1rem; text-align:center; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.aboust_zl ul li.about_bsys a{ background:#40589c; color:#fff;}
.aboust_zl ul li .text{ width:100%; position:absolute; top:50px; left:-1px; display:none; z-index:9;}
.aboust_zl ul li .text li{ width:100%; float:left; background:#eee; color:#333;}

@media screen and (max-width: 800px){
.ny_banner{ display:none;}
.dafult_wrap{ margin-top:6rem;}
.absy_left{ display:none;}

.absy_right{ width:96%; margin:5% 2% 2%;}
.abnZuoy_dqw,.abnZuoy_dqw a{ font-size:1rem;}
.abnZuoy_bt1{ font-weight:bold; font-size:1.2rem;}
.absy_rmia p{ font-size:1rem;}
.aboust_zl{ display:block;}
}

.pro_page{ width:100%; float: left; margin:40px 0 30px; display:inline; font-family:Arial;}
.pages { width:100%; height:30px; clear: both; text-align:center;}
.pages a{ border:#e6e6e6 1px solid;border-radius:1px; text-align:center;line-height:30px; width: auto; padding:0 12px; display: inline-block; height:30px; background:#fff; color: #888; overflow: hidden; font-size:13px;}
.pages a:hover{color: #fff; background:#1084d5;}
.pages .pagesNum { color:#1084d5}
.pages .pagesOn {background:#1084d5; color:#fff; }
.pages .pagesOn:hover{ color:#fff;}
.pages .pageinfo{line-height: 20px;padding-left: 10px;}
.pages .on{ font-size:12px; color:#888; font-family:microsoft yahei;}

.gotoPage {height: 44px;line-height: 44px;width:98%;box-sizing: border-box;margin: 6% 0 6% 6px; display:none;}
.gotoPage ul {border: 1px solid #dedede;background:#fff;width:100%;overflow: hidden;}
.gotoPage li.prevPage {padding-left: 10px;font-size: 1.3em;}
.gotoPage li.pageNumSelect {width:70%;}
.gotoPage li {float: left;height:55px;line-height:55px;border: 0;font-size: 1.3em;color: #222;}
.gotoPage li a{font-size:1.2rem; color:#222}
.twoShopList li {height: 110px;box-sizing: border-box;border-bottom: 1px solid #ccc;display: table;position: relative;}
.gotoPage li.pageNumSelect .numAction {width: 85px;position: relative;margin: 0 auto;}
.gotoPage .numAction .triangleIcon {position: absolute;display: inline-block;border-color: #ccc transparent transparent;border-style: solid;border-width: 5px;width: 0;height: 0;vertical-align: text-top;top: 18px;right: 5px;}
.gotoPage li.pageNumSelect select {width: 85px;display: block;height:60px;border: 0;text-align: center;background: none;list-style: none;-webkit-appearance: none;font-size:1.5rem; outline:none;}
.gotoPage li.pageNumSelect select option {width: 100%;text-align: center;display: block;}

@media screen and (max-width: 800px){
.gotoPage{ display:block;}
.pro_page{ display:none;}
}

.Detaiye_nre{ width:95%; padding-bottom:50px; padding:2% 2.5% 2.5%; background:#fff;}
.Detaiye_nretit{ width:100%; border-bottom:1px dashed #eee; padding:0 0 10px;}
.Detaiye_nretit1{ width:100%; line-height:20px; font-size:18px; color:#666; text-align:center; font-weight:bold; padding:20px 0 5px 0;}
.Detaiye_nretit2{ width:100%; margin-top:5px;}
.Detaiye_nretit2z{ width:100%; line-height:30px; color:#999; font-size:12px; text-align:center;}
.Detaiye_nretit2y{ width:138px;}

.Detaiye_wznr{ width:100%; font-size:15px;padding:30px 0;border-bottom:1px dashed #d4d4d4;line-height:2.5; } 
.Detaiye_db{ width:100%; margin-top:20px;}
.Detaiye_dbbd{ width:135px; height:45px; border:1px solid #959595; border-radius:30px; text-align:center; line-height:45px; color:#9d9d9d; font-size:15px;}
.Detaiye_dbbd:hover{-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	background:#e48013;
	color:#fff;
	border:1px solid #fff;}
.Detaiye_pages{ width:100%; padding-top:10px;}
.pages_sha{ width:100%;}
.pages_sha span{ font-size:15px; color:#999; line-height:30px; font-size:14px;}
.pages_sha a{ width:80%; font-size:15px; line-height:30px; font-size:14px;}

@media screen and (max-width: 800px){
.Detaiye_nretit1{font-size: 1.2rem; line-height:2.5rem; color:#333;}
.Detaiye_nretit2z{font-size: 1rem;}
.Detaiye_wznr{font-size: 1rem;}
.pages_sha span,.pages_sha a{font-size: 1rem;}
.pages_sha{margin-bottom: 2%;}
}

.nypro_list{ width:100%; margin:0;}
.nypro_list dl{ margin: 0 13px 26px;}

@media screen and (max-width: 800px){
.nypro_list dl{ width:45%;}
.nypro_list dt{ height:194px;}
}

/*ÔÚÏßÁôÑÔ*/
.liuyan_mains { width:100%;}
.ip_contact {overflow: hidden; margin-top: 18px;}
.ip_contact ul {margin-right: -15px;}
.ip_contact li {width: 32.9%;float: left; margin-bottom:3%; display:inline;}
.ip_contact li input {height: 3rem ;line-height:3rem;width: 98%;border: 1px solid #ddd;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;padding-left:18px;outline: none; padding-left: 12px; font-size:13px; font-family:microsoft yahei;}
.ip_contact div textarea {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #ddd;padding-left:10px;line-height:38px;outline: none; font-size:13px; font-family:microsoft yahei;}
.ip_contact div input{width:20%;background:#ccc;border: none;color: #fff; height:3.2rem;line-height:3.2rem;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;font-size:14px;cursor: pointer;outline: none; margin-top:14px; font-size:1.2rem;font-family:microsoft yahei;}
.ip_contact div input:hover{background: #ffb83b;}
.ip_contact{ margin-bottom:20px;}

@media screen and (max-width: 800px){
.liuyan_mains { width:100%;}
.ip_contact li {width:99.5%;}
.ip_contact li input{ font-size:1rem; }
.ip_contact div textarea{font-size:1rem;}
.ip_contact div input{width:100%;}
}